How to Implement iOS 15 and Android 12 on React Native

September 24, 2021 Publish By : EXPERT APP DEVS 3 min read Viewed By : 991
implement ios 15 and android 12 on react native

Introduction - 

In this tutorial, we are going to discuss how to implement iOS 15 and android 12 with react native.

Because new versions are released for android and ios both and creating apps with the latest platform.

Here we see the latest updates which we get in iOS15 and android 12, so let’s start.
 

iOS15 and android 12 on React Native

 

iOS 15 Major Changes - 

Following are the same major changes which we can see after updating the app.

  1. QuickType Bar:  I think you all know about the Quicktype Bar, if you use the text input then you must know about it if not then I told you, quicktype bar is a bar which is above the keyboard, here you see the 3 - words matching with your typed word. So the change is if you want to hide the quick bar then you need to set the false for autoCorrect and spellCheck.

QuickType Bar with autoCorrect and spellCheck

Note - To disable the QuickType bar in iOS 15, set prop spellCheck and autoCorrect to false.

Syntax - <TextInput  

placeholder="something"  

autoCorrect={false}  

spellCheck={false}/>

 

  1.  Transparent Navigation Bar: In iOS 15 you see the change in the navigation bar as we know iOS 14 has the transparent navigation bar when we scrolled up the app.

Transparent Navigation Bar

For More Info Check Out this thread.

How to install iOS 15 - 

You can install iOS 15 from the beta program, as we know beta is stable but maybe you face some issues because upgrading to iOS 15 is irreversible.

Simulator Testing - For testing your app with iOS 15, you need to download and install the Xcode 13.

Android 12 Major Changes - 

Android 12 introduces some changes which surely affected your app experience, following are some changes.

  1.  Overscroll Effect: It affects the overall scroll view containers, as we know that react native scroll views are based on native scroll so you can check to see if it is working correctly or not.
  2. Permission Updates: Android 12 updates the permission as well, ACCESS_FINE_LOCATION only provides the approximate location if you request for it.
  3. Restrictive App Standby bucket: In Android 12 it introduces the new bucket with the name of restricted. It has the lowest priority and the order is from high to low.
    1. Active
    2. Working set
    3. Frequent
    4. Rare
    5. Restricted
  4. Power management restrictions: Here you find where your app is placed in a restricted bucket. 
  5. Graphics and images: In Android 12 we check the refresh rate changes using setRateFrames. It shows the seamless transition of behavior. It is called the refresh rate switch.
  6. Security and privacy: On Android 12 it allows the supported devices, users can anytime enable and disable the microphone and camera for any app or device. Users can access the toggle by single clicks. 

    1. Check whether a given device supports a microphone and camera toggle.

    2. Check the response in-app behavior to microphone and camera toggles.

For more detail please check - Google’s detailed behavior changes for all apps running on Android 12.

Install Android 12 - 

Install in the device - If you want to install the Android 12 beta in your device then follow the following instructions via instructions here.

Install in emulator -  If you want to install the Android 12 beta in your emulator then follow the following instructions here.

If you have any queries or issues, please feel free to ask.

Happy Coding.

Need a consultation?

Drop us a line! We are here to answer your questions 24/7.