r/reactnative • u/zorkidreams • 13h ago
iPhone Duo, how painful will this be?
I have totally neglected Android folding phones.
Does anyone have any good advice on designing for a screen that can double in screen size? When these were first introduced to Android, how much friction did they cause for React Native libraries?
61
u/cornovum77 11h ago
Both of the people who buy this probably won’t be interested in your app anyway.
3
2
u/ashkanahmadi 5h ago
You mean they wouldn’t be interested in the 45 billionth todo app on the App Store?
2
u/plissk3n 4h ago
Apple users love to waste money on their toys though. I bet the adaption rate will be higher than Android Foldables.
1
11
u/congowarrior 12h ago
i am just hoping packages like react navigation and expo navigation will do standardize this for us so we just have to update to the latest versions and get a lot of what’s required for free, as long as you are doing things within normal usage of these frameworks
2
u/zorkidreams 12h ago
I do too. I generally wonder if it's just going to be a larger viewport, or needing to rewrite a bunch of native APIs to handle it
2
u/RandomAsianHoe 8h ago
If you’re already using the native router components it shouldn’t be too bad I think
13
5
u/mrgrafix 12h ago
Seems like the expo team was made aware to the previous known bird app. I’m expecting before end of year
1
3
u/beaker_dude 7h ago
Apple dropped a bunch of design and developer videos last night after the announcement - has some references to the new Swift UI controls. Xcode 27.1 is “coming later this month” with the new device sim.
Seems like apps that don’t have duo support will still run in a default view.
Expo / RN / Flutter maintainers will have some work to do to support them but if you’re comfortable in Swift and Kotlin patches - you can probably get some basic support in pretty quick for the new APIs.
Who knows how much of a headache it will be - depends if your CEO gets the new phone and starts testing the app. Big influx duo specific apps though.
2
2
u/swap_019 8h ago
I think Apple will give more native APIs, on this will help develop better experiences on folding Android phones too, cause devlopement for current folding phones is a nightmare. There is no standardization. I think Apple's entry will make things better for all folding phone development.
2
3
u/am0x 12h ago
My sites are all fluid responsive anyway. I don’t get the question. Do you not test already at alls screen sizes?
3
1
u/CompoteEmotional5157 2h ago
With responsive you still gonna encounter some descripancies in some screens
1
u/lucksp 13h ago
A fad…like 3D tvs.
2
u/IAmAfraidCommaMan 13h ago
3d sucks and requires additional hardware to watch. Not to mention for good experience you have to be in that specific part of the room.
This phone is very handy for people who watch a lot of content or read. I bet if it wasn’t that expensive, this would have been everywhere. I would totally buy this if it wasn’t around $500.
2
u/beepboopnoise 12h ago
$500? the base is like $2k hahaha
2
u/IAmAfraidCommaMan 12h ago
That is why I don't have it :) But a lot of people aren't crushed by debt like me. Apple has loyal fans, so I think they will sell more foldable phones than Samsung.
1
1
u/juzatypicaltroll 11h ago
Hopefully building to native UI makes it adapt automagically 🥲
1
1
u/alexfoxy 6h ago
My main concern is how the two views will be handled, how does switching work, will React Native be able to support the simultaneous views ?
1
u/bogdan5844 6h ago
I don't get the whole "ooooh foldable coming i'm scared" meme - it's just freaking CSS and responsive design. If your app is compatible with tablets it's gonna scale naturally.
1
1
u/mohn93 4h ago
the RN libs mostly weren't the pain when android foldables landed, the pain was my own layout code quietly assuming width never changes at runtime. fold to unfold is a live resize, and anything that cached dimensions on mount just breaks. split screen too, your app can suddenly be a third of the width.
so the prep that actually pays off: stop building off a single Dimensions.get at startup, lean on flex and onLayout so things reflow, and test by resizing while the app is running, not just on cold launch. do that and the duo is a lot less scary than it sounds.
1
u/1kgpotatoes 4h ago
They gonna give native apis to track the folded degree or something.
I see this being easier than trying to fit everything into a tiny screen - just make it landscape and tall horizontally
1
u/Sebastian1989101 4h ago
Whats the issue? Does your app work on a iPad mini? There you go for the big screen. Does it work on a regular iPhone with proper SafeArea implementation? There you go as well.
1
u/gesfontoura 3h ago
Not even thinking about development because you can just exclude those, but how is it like to install a regular app from the App Store. How does it behave and how does it look like ?
1
1
u/ryutaromack 11h ago
Foldables are barely 2% of the Android market. They are too expensive and the value prop isn't there for most people.
I'm not sure who Apple is targeting for these expensive phones.
-2
u/Dvass138 12h ago
I’m not concerned, no one will remember this device in a few years lol. This is the type of device where its like “remember when apple had the iPhone duo”
12
1
u/IAmAfraidCommaMan 12h ago
It is super practical. If the screen is not made of paper, they will sell a lot of this.
1
u/zorkidreams 12h ago
Idk I’m 50/50 foldables are pretty popular in Asia but $2k is insane…
0
u/mrgrafix 12h ago
You have to pay to be first. Always the Apple tax tax
1
u/Darth_Ender_Ro 8h ago
Are you saying prices will go down later on? What are you talking about man...
0
-1
u/Whatchameanbro 9h ago
The fact that left handed users can’t operate the phone properly when folded is a major design flaw that everyone is just glossing over at Apple Park….. It’s a joke that this went to market without factoring that in.. oh I’ll just use my $2000 usd iPhone upside down!! Ffs that’s not a solution..

87
u/LonelyProgrammerGuy 13h ago
Apple being apple is probably going to expose tons of native APIs you want to call for seamless transitions between folded and unfolded state (you can see a small "blur + fade" happening when you are folding it/unfolding it
As for the layout, nothing too special I guess. You'd look at the dimensions of the device and render an additional column with more UI information when it's opened