react-native适配Android全面屏
2018-12-11 本文已影响0人
sybil052
现下Android手机也都流行起全面屏,那我们的app要怎么适配呢?
以小米手机为例,在小米手机设置里面有个全面屏显示的控制,打开就好啦!但是对于我们开发来说,这样也太low了,我们要用代码解决!!!
废话不说,亲测好用的适配方法:
- 在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>
- 在AndroidManifest.xml 中配置
<!--安卓全面屏适配-->
<meta-data android:name="android.max_aspect" android:value="2.1" />
- 确保安卓SDK为24以上,RN默认使用23。RN安卓sdk在 /android/app/build.gradle 文件里修改,修改值如下:
compileSdkVersion 27
buildToolsVersion "27.0.3"