• About
    • About Us
    • Our Company
    • How We Work
    • Agile Development
    • Our Services
    • Careers
    • Contact Us
  • Services
    • Services
    • Full Cycle Product Development
    • Design & Product Consultancy
    • Mobile & Web App Development
    • Devops & Cloud Infra Support​
    • Data Science & Machine Learning
    • Open Source ERP Customisation
  • Technologies
    • Technologies
    • Technologies We Use
    • On Demand
    • Healthcare
    • E-Commerce
    • Education
    • Travel
    • Fintech
    • Supply Chain
    • Risk & Privacy
    • Loyalty & Rewards
    • Utility
  • Portfolio
  • Blog
  • +1 (302) 208-6888
  • info@dewsolutions.in
  • We are hiring!
Behance
Linkedin
Facebook
Dew Solutions
  • About
      Dew Solutions

      Dew Solutions specializes in a suite of Application Development that is mission critical for business and enterprise, for clients across the world.

      About
      Our Company
      How We Work
      Agile Development
      Our Services
      Join Our Team

      We are expanding rapidly and are working on several cutting technologies across various domains. We have some of the best in the industry working with us and are looking for young and bright minds to join us.

      View Job Openings
      Contact Us

      Our teams are always available to help you with your queries and provide right solutions to your business problems. Let’s get in touch and turn your idea into a brilliant solution through our team of highly qualified consultants.

      Get In Touch
    • About Us
    • Our Company
    • How We Work
    • Agile Development
    • Our Services
    • Careers
    • Contact Us
  • Services
      Full Cycle Product
      Development​

      Consistently ranked among the top consulting firms across the nation

      Learn More
      Design &Product
      Consultancy

      Dedicated to providing personal attention to all our clients.

      Learn More
      Mobile & Web App
      Development

      Best mobile and web app development services in India

      Learn More
      Devops & Cloud
      Infra Support

      Unmatched Devops practices with end to end cloud support

      Learn More
      Data Science &
      Machine Learning

      Complex AI and ML solutions. You think it, we build it

      Learn More
      Open Source Product
      Customisations

      Save cost and time with our open source customisation offerings for ERP

      Learn More
    • Services
    • Full Cycle Product Development
    • Design & Product Consultancy
    • Mobile & Web App Development
    • Devops & Cloud Infra Support​
    • Data Science & Machine Learning
    • Open Source ERP Customisation
  • Technologies
      Technologies We Use

      A team of specialists with experience in
      a gamut of technologies

      Learn More
      Top Verticals We Serve
      On Demand
      Healthcare
      E-Commerce
      Education
      Travel
      Fintech
      Supply Chain
      Risk & Privacy
      Loyalty & Rewards
      Utility
    • Technologies
    • Technologies We Use
    • On Demand
    • Healthcare
    • E-Commerce
    • Education
    • Travel
    • Fintech
    • Supply Chain
    • Risk & Privacy
    • Loyalty & Rewards
    • Utility
  • Portfolio
  • Blog
Request Free Quote

Menu
GTWPLogoSVG_Curved
Menu
Dew Solutions
  • About
      Dew Solutions

      Dew Solutions specializes in a suite of Application Development that is mission critical for business and enterprise, for clients across the world.

      About
      Our Company
      How We Work
      Agile Development
      Our Services
      Join Our Team

      We are expanding rapidly and are working on several cutting technologies across various domains. We have some of the best in the industry working with us and are looking for young and bright minds to join us.

      View Job Openings
      Contact Us

      Our teams are always available to help you with your queries and provide right solutions to your business problems. Let’s get in touch and turn your idea into a brilliant solution through our team of highly qualified consultants.

      Get In Touch
    • About Us
    • Our Company
    • How We Work
    • Agile Development
    • Our Services
    • Careers
    • Contact Us
  • Services
      Full Cycle Product
      Development​

      Consistently ranked among the top consulting firms across the nation

      Learn More
      Design &Product
      Consultancy

      Dedicated to providing personal attention to all our clients.

      Learn More
      Mobile & Web App
      Development

      Best mobile and web app development services in India

      Learn More
      Devops & Cloud
      Infra Support

      Unmatched Devops practices with end to end cloud support

      Learn More
      Data Science &
      Machine Learning

      Complex AI and ML solutions. You think it, we build it

      Learn More
      Open Source Product
      Customisations

      Save cost and time with our open source customisation offerings for ERP

      Learn More
    • Services
    • Full Cycle Product Development
    • Design & Product Consultancy
    • Mobile & Web App Development
    • Devops & Cloud Infra Support​
    • Data Science & Machine Learning
    • Open Source ERP Customisation
  • Technologies
      Technologies We Use

      A team of specialists with experience in
      a gamut of technologies

      Learn More
      Top Verticals We Serve
      On Demand
      Healthcare
      E-Commerce
      Education
      Travel
      Fintech
      Supply Chain
      Risk & Privacy
      Loyalty & Rewards
      Utility
    • Technologies
    • Technologies We Use
    • On Demand
    • Healthcare
    • E-Commerce
    • Education
    • Travel
    • Fintech
    • Supply Chain
    • Risk & Privacy
    • Loyalty & Rewards
    • Utility
  • Portfolio
  • Blog
Request Free Quote

Dew Solutions
  • About
      Dew Solutions

      Dew Solutions specializes in a suite of Application Development that is mission critical for business and enterprise, for clients across the world.

      About
      Our Company
      How We Work
      Agile Development
      Our Services
      Join Our Team

      We are expanding rapidly and are working on several cutting technologies across various domains. We have some of the best in the industry working with us and are looking for young and bright minds to join us.

      View Job Openings
      Contact Us

      Our teams are always available to help you with your queries and provide right solutions to your business problems. Let’s get in touch and turn your idea into a brilliant solution through our team of highly qualified consultants.

      Get In Touch
    • About Us
    • Our Company
    • How We Work
    • Agile Development
    • Our Services
    • Careers
    • Contact Us
  • Services
      Full Cycle Product
      Development​

      Consistently ranked among the top consulting firms across the nation

      Learn More
      Design &Product
      Consultancy

      Dedicated to providing personal attention to all our clients.

      Learn More
      Mobile & Web App
      Development

      Best mobile and web app development services in India

      Learn More
      Devops & Cloud
      Infra Support

      Unmatched Devops practices with end to end cloud support

      Learn More
      Data Science &
      Machine Learning

      Complex AI and ML solutions. You think it, we build it

      Learn More
      Open Source Product
      Customisations

      Save cost and time with our open source customisation offerings for ERP

      Learn More
    • Services
    • Full Cycle Product Development
    • Design & Product Consultancy
    • Mobile & Web App Development
    • Devops & Cloud Infra Support​
    • Data Science & Machine Learning
    • Open Source ERP Customisation
  • Technologies
      Technologies We Use

      A team of specialists with experience in
      a gamut of technologies

      Learn More
      Top Verticals We Serve
      On Demand
      Healthcare
      E-Commerce
      Education
      Travel
      Fintech
      Supply Chain
      Risk & Privacy
      Loyalty & Rewards
      Utility
    • Technologies
    • Technologies We Use
    • On Demand
    • Healthcare
    • E-Commerce
    • Education
    • Travel
    • Fintech
    • Supply Chain
    • Risk & Privacy
    • Loyalty & Rewards
    • Utility
  • Portfolio
  • Blog
Request Free Quote

Menu
Menu
Dew Solutions
  • About
      Dew Solutions

      Dew Solutions specializes in a suite of Application Development that is mission critical for business and enterprise, for clients across the world.

      About
      Our Company
      How We Work
      Agile Development
      Our Services
      Join Our Team

      We are expanding rapidly and are working on several cutting technologies across various domains. We have some of the best in the industry working with us and are looking for young and bright minds to join us.

      View Job Openings
      Contact Us

      Our teams are always available to help you with your queries and provide right solutions to your business problems. Let’s get in touch and turn your idea into a brilliant solution through our team of highly qualified consultants.

      Get In Touch
    • About Us
    • Our Company
    • How We Work
    • Agile Development
    • Our Services
    • Careers
    • Contact Us
  • Services
      Full Cycle Product
      Development​

      Consistently ranked among the top consulting firms across the nation

      Learn More
      Design &Product
      Consultancy

      Dedicated to providing personal attention to all our clients.

      Learn More
      Mobile & Web App
      Development

      Best mobile and web app development services in India

      Learn More
      Devops & Cloud
      Infra Support

      Unmatched Devops practices with end to end cloud support

      Learn More
      Data Science &
      Machine Learning

      Complex AI and ML solutions. You think it, we build it

      Learn More
      Open Source Product
      Customisations

      Save cost and time with our open source customisation offerings for ERP

      Learn More
    • Services
    • Full Cycle Product Development
    • Design & Product Consultancy
    • Mobile & Web App Development
    • Devops & Cloud Infra Support​
    • Data Science & Machine Learning
    • Open Source ERP Customisation
  • Technologies
      Technologies We Use

      A team of specialists with experience in
      a gamut of technologies

      Learn More
      Top Verticals We Serve
      On Demand
      Healthcare
      E-Commerce
      Education
      Travel
      Fintech
      Supply Chain
      Risk & Privacy
      Loyalty & Rewards
      Utility
    • Technologies
    • Technologies We Use
    • On Demand
    • Healthcare
    • E-Commerce
    • Education
    • Travel
    • Fintech
    • Supply Chain
    • Risk & Privacy
    • Loyalty & Rewards
    • Utility
  • Portfolio
  • Blog
Request Free Quote

Home»Blog»Development • How To Guides » How to Build Apps for Foldable Smartphones?
  • Development
  • How To Guides
  • News
  • Technology
  • UX & Design

How to Build Apps for Foldable Smartphones?

By Girish Agarwal
July 27, 2021. 5 min read
Last update on: June 1, 2022

Foldable smartphones were extremely popular back in their heyday. Having a flip phone at that time used to be a trend. Guess what? They are back, with Samsung and Huawei launching their foldable smartphone in the market again in 2019.

Foldable smartphones seemed to disappear from the scene, that’s what we all thought but not these two companies who have tried to bring the trend back. Mobile app development companies had stopped designing applications for such smartphones as they thought it was no longer required since the manufacturing and production of these devices were put to a halt.

Now since they have arrived again, app development companies, too, have started to shift their attention toward this particular segment. The new foldable devices are different from the previous ones, with larger screen sizes and flexible displays. Some devices may fold out on a horizontal axis into a wider, tablet-like form, but are still usable in a smaller, folded state; the display may either wrap around to the back of the device when folded (as with the Huawei Mate X), or use a booklet-like design where the larger, folded screen is located on the front, and a screen on one of its backside allows the user to interact with the device without opening it (such as the Samsung Galaxy Fold).

That is why app development for foldable devices is a bit challenging because folding and unfolding the device changes the screen size, density, or ratio. Developers need to take care of every minute detail and consider the different foldable device types, like the one with a single screen that unfolds as well as the device with two different screens. At the same time, they have to check for any hardware limitations.

How would Foldable Smartphones affect the App Development Process?

Foldable devices offer a flexible user experience when browsing apps. Unfolding the device to a larger screen may leave a positive impact on users. Streaming applications can utilize the extended screen size to display videos in a bigger dimension. A larger screen accounts for a more immersive experience.

With multi-windows, multi-tasking becomes quite easy and enjoyable. It allows users to switch between applications and work effortlessly and makes the experience much more enhanced.

Speaking of how it will affect the app development process, the number of test cases would definitely increase. With more brands likely to launch their foldable smartphone in the market soon, the development team will have a great number of test cases to deal with. Along with this, the time and cost to develop an app for a foldable device will also be at the higher end since it will require a lot of design, development, and testing efforts, which will eventually result in high development costs.

How to Develop an App for a Foldable Device?

We have divided the app development process for a foldable device into a number of steps-

Two-state app screen

When designing such an app, you need to consider its two states- the foldable state as well as the non-foldable state. The latter here refers to the main display or screen while the former refers to the cover display. As discussed earlier in the example of Huawei Mate X and Samsung Galaxy Fold, an unfolded folded state is the one where the device transforms into the form of a tablet whereas the folded state is where the device looks like a normal smartphone. These states change the entire user experience, as not only the screen size changes but also how the user has held the device. People usually operate their smartphones with one hand but a foldable smartphone will require them to use both hands.

App or Screen Continuity

In Foldable devices, an app automatically adjusts itself to the screen size when someone switches between screens. So while designing an app for a foldable smartphone, ensure that the transition is smooth when a user moves from the folded state to the unfolded state and vice-versa, without having to face any trouble in their current task else it can hamper the user experience. The app should resume in the same state. Since the device will experience a configuration change during the transition, the app should save the UI state and support these changes without causing any change in the layout.

Multi-window

One of the major benefits of having a large screen is that you can run multiple windows on it. Earlier this was restricted to two apps only where users could use multi-screen to use two apps, but it had a major drawback. Only one app out of the two could remain active while the other used to get paused. Today, primarily with the launch of foldable devices, one can run three or more apps on the screen at the same time with all being in the resumed/active.

Therefore, do make sure that the app supports multi-window. You can also consider supporting drag and drop.

Technical Know-how

Developers can make the above changes through the following steps-

To make the app resizable-

Set “resizeableActivity=true”. This would ensure that the app supports dynamic resizing and works in multi-window mode, and would provide maximum compatibility with whatever environment or form factors your app may experience. If the app sets it to “resizeableActivity=false, it means the app doesn’t support multi-window. It might still resize your app but it might not be appropriate or have a different aspect ratio.

If you want the app to support screen continuity but want to disable multi-window mode, you can add the below-mentioned meta to the manifest of your element.

<meta-data

    android:name=”android.supports_size_changes” android:value=”true” />

If the user folds or unfolds a device when the value is true, the system will apply the changed configurations and will assume that the app fully supports multi-window and is resizable.

For new screen ratios

In the case of foldable devices, the screen ratio can vary from 21:9 to 1:1. And you also need to consider the latest Android versions. Android 10 and above versions support a wide range of aspect ratios.

To make sure that the app is compatible with as many devices as possible, test the app for various screen ratios such as 1:1, 4:3, 3:2,16:10, 5:3, 16:9, and 21:9.

If the app isn’t able to support any of the above screen ratios, you can use “maxAspectRatio” and “miniAspectRatio” to indicate the maximum and minimum ratio your app can handle.

Multi-resume

Until Android 9, only the app that is in focus used to be in the resumed state while all other activities remained paused. However, with the introduction of Android 10, all the activities remain in the resumed state when the device is in multi-window mode. This is what we call multi-resume. To ensure that your app supports the multi-resume feature, add the below-mentioned manifest metadata.

<meta-data

    android:name=”android.allow_multiple_resumed_activities” android:value=”true” />

Multi-Display

Technology in the future might introduce us to smartphones that support more than one screen at a time which we refer to as multi-display. If the user is running an activity on a device with multi-display compatibility, he or she can move the activity from one display to another. Devices having multi-display support will support multi-resume as well.

The app can specify which screen it should run on when it is launched or creates another activity. It depends on the activity launch mode defined in the manifest file, and in the intent flags and options set by the person launching the activity.

Speaking of when folding transitions occur and the activity moves to a secondary display, it can go through a window resize, context update, and configuration and resource changes. If it can handle the configuration change, it will be notified in “onConfigurationChanged()” else it will be relaunched.

Final Word

Foldable devices are back into action. We may have only a few as of now but the numbers would surely increase in the future. And that’s when developers will be more concerned during app development as they will have to consider the app compatibility for foldable smartphones as well. Dew being a proficient app development company can design and develop a versatile app for you that caters to foldable as well as non-foldable devices’ functionality. Get in touch with us with your project requirements here.


app developmentApp Development CompanyFoldable App DevelopmentFoldable Smartphones

Related Articles


Development
Why Flutter is an Ideal Choice for Startups?
Development  ·  Technology
Top Hybrid Mobile App Development Frameworks
Development  ·  Technology
Everything You Need to Know About Instant Apps in Android
All You Need To Know About HIPAA Compliance- A Key Priority In Healthcare Development
Previous Article
Top Hybrid Mobile App Development Frameworks
Next Article

Have a Product Idea in Mind ?

Let’s talk about what you want to accomplish and how we can make it happen.

Let’s Connect
Dew Solutions

We specialize in a suite of App Development that is mission critical for business and enterprise, for clients across the world.

Gurugram India (HQ)

P301, 3rd Floor, JMD Megapolis, Sector-48 Gurugram - 122018
+91 (124) 421-2275

Pune

WeWork, Magarpatta Futura, Magarpatta Rd, Kirtane Baugh, Pune, Maharashtra 411028

USA

16192, Coastal Highway,
Lewes, Delaware, 19958
+1 (302) 208-6888

Contact Info

info@dewsolutions.in
Behance
Linkedin
Facebook

About

Our Company
Our Services
How We Work
Careers
Agile Development

Technologies

On Demand
Healthcare
Ecommerce
Education
Fintech

Services

Full Cycle Product Development
Mobile & Web App Development
Design & Product Consultancy
Devops & Cloud Infra Support
Data Science & Machine Learning

Case Studies

Loyalty & Cashback App
eCommerce App Development
eLeaning Platform Development
Supply Chain Platform
Fintech Platform

Resources

Blog
Guides
News

Partners

AWS
microsoft
CMMiDev3
Great Place To Work
Copyright © 2010-2023 Dew Solutions Pvt Ltd. All Rights Reserved
GTWPLogoSVG_Curved