Friday, April 28, 2023
HomeReactGetting ready Your App for iOS 15 and Android 12 · React...

Getting ready Your App for iOS 15 and Android 12 · React Native


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.

Screenshot of QuickType bar
QuickType bar with three urged phrases

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.

Screenshot of navigation bar on iOS 14 and iOS 15

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.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments