react-native适配Android全面屏

2018-12-11  本文已影响0人  sybil052

现下Android手机也都流行起全面屏,那我们的app要怎么适配呢?
以小米手机为例,在小米手机设置里面有个全面屏显示的控制,打开就好啦!但是对于我们开发来说,这样也太low了,我们要用代码解决!!!

废话不说,亲测好用的适配方法:
  1. 在android\app\src\main\AndroidManifest.xml 文件中配置Activity的android:resizeableActivity默认属性为true
<activity
            android:name=".MainActivity"
            android:resizeableActivity="true"
            android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
            android:label="@string/app_name"
            android:launchMode="singleTask"
            android:screenOrientation="portrait"
            android:windowSoftInputMode="adjustResize">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
  1. 在AndroidManifest.xml 中配置
<!--安卓全面屏适配-->
<meta-data android:name="android.max_aspect" android:value="2.1" />
  1. 确保安卓SDK为24以上,RN默认使用23。RN安卓sdk在 /android/app/build.gradle 文件里修改,修改值如下:
compileSdkVersion 27
buildToolsVersion "27.0.3"
上一篇下一篇

猜你喜欢

热点阅读