Hiya everybody!
With new cell OS variations releasing late this yr, we advocate making ready your React Native apps beforehand to keep away from regressions when the releases turn out to be typically obtainable.
The discharge date of iOS 15 hasn’t been introduced but, however primarily based on earlier iOS releases, it would seemingly be round September sixteenth. Please additionally account for App Retailer evaluation time if any adjustments are required to organize your app for iOS 15.
What to be careful for
QuickType Bar
The best way to disable QuickType bar in TextInput has modified. QuickType bar is the bar above keyboard with three urged phrases. In case your UI must have the bar hidden, setting autoCorrect to false
not disables QuickType bar in iOS 15 like earlier variations. To be able to cover the QuickType bar, you might want to additionally set spellCheck to false
. This may disable spell test, the purple underlines, in your TextInput. Disabling QuickType bar with spell test enabled is not an choice.

To disable QuickType bar in iOS 15, set prop spellCheck and autoCorrect to false
.
<TextInput
placeholder="one thing"
autoCorrect={false}
spellCheck={false}
/>
Clear Navigation Bar
iOS 15 adjustments the default behaviour of the navigation bar. In contrast to in iOS 14, the navigation bar turns into clear when the content material is scrolled all the way in which up. Be certain to be careful for this as it will probably make content material tough to learn. For tips about the right way to work round this subject, take a look at this thread.
Easy methods to set up iOS 15
Machine
In case you have a spare gadget, you may be a part of the beta program and set up iOS 15. At this level, beta releases are typically steady, however needless to say the improve to iOS 15 is irreversible.
Simulator
To check your app on a simulator with iOS 15, you have to to obtain Xcode 13. Yow will discover Xcode 13 right here.
Android 12
Android 12 might be launched this autumn and it introduces some adjustments which may probably have an effect on your app expertise. Historically, Google Play requires goal SDK of your app to be upgraded earlier than November of the next yr. (see necessities for earlier launch right here).
What to be careful for
Overscroll Impact
Android 12 introduces new overscroll impact which impacts all scroll containers. As React Native scroll views are primarily based on the native views, we advocate to test your scrollable containers to make sure the impact is utilized appropriately. You may opt-out from it by setting overScrollMode
prop to by no means
.
Permission Updates
Android 12 permits customers of your app to solely present entry to the approximate location in the event you request it with ACCESS_FINE_LOCATION
permission. Study extra about it right here.
Take a look at Google’s detailed habits adjustments for all apps working on Android 12.
Easy methods to set up Android 12
Machine
In case you have a spare Android gadget, test in the event you’re in a position to set up Android 12 Beta through directions right here.
Emulator
For those who don’t have a tool obtainable, you may arrange an emulator following directions right here.