React Native 沉浸式标题栏与安卓全面屏适配

一:RN标题栏的适配很简单,官方提供了一个原生组件,可以设置标题栏背景之类的

    backgroundColor={'#e34451'}
/>

二:全面屏适配,

  参考文档:https://android-developers.googleblog.com/2017/03/update-your-app-to-take-advantage-of.html

  全面屏的问题主要是因为屏幕比例不一样,导致显示上下黑边。解决方案是改变屏幕最大适应比例

步骤:

    1.确保安卓SDK为24以上,RN默认使用23。RN安卓sdk在 /android/app/build.gradle 文件里修改,修改值如下:

compileSdkVersion 24
buildToolsVersion "24.0.1"

    2.安卓SDK24,可在Android Studio 里安卓,具体安装方式参考官网的SDK23安装教程

    3.修改屏幕最大适应比例配置 android\app\src\main\AndroidManifest.xml 文件的 application里添加以下配置(注意:需要android:resizeableActivity为true时才能生效,我这里默认为true, 就不做修改了),最好重启电脑

  
android:name="android.max_aspect" android:value="2.1" />

你可能感兴趣的:(React,Native,日志)