美文网首页
react-native适配Android全面屏

react-native适配Android全面屏

作者: sybil052 | 来源:发表于2018-12-11 11:26 被阅读0次

    现下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"
    

    相关文章

      网友评论

          本文标题:react-native适配Android全面屏

          本文链接:https://www.haomeiwen.com/subject/steshqtx.html