美文网首页
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全面屏

    现下Android手机也都流行起全面屏,那我们的app要怎么适配呢?以小米手机为例,在小米手机设置里面有个全面屏显...

  • Android适配之版本适配

    这篇文章用来记录学习和开发时遇到的版本适配问题,持续更新 全面屏、刘海屏的适配:Android 9 支持最新的全面...

  • Android全面屏适配

    Android全面屏适配 方案1: AndroidManifest.xml 文件添加属性: 应用适配建议采用me...

  • Android Studio 图片适配/使用之SVG

    前言 适配可以说是Android的老大难问题了,Android厂商众多,设备碎片化严重.大屏小屏,全面屏,异形屏数...

  • 安卓适配

    ------刘海屏------屏幕适配 | Android 刘海屏适配总结Android刘海屏适配方案Androi...

  • React-Native全面屏适配

    react-native 提供了一个 SafeAreaView 组件可以实现全面屏的适配,但只是针对于IOS端有效...

  • Android 全面屏适配

    全面屏 小米mix(18:9屏幕)的出现标志的Android手机进入全面屏时代,这个非主流的尺寸确实带来了更多的观...

  • android全面屏适配

    在迎来全面屏时代之前 屏幕比例基本上都是16:9,所以比较好适配但是现在越来越多的屏幕占比都是为18:9,或者18...

  • Android全面屏适配

    什么是全面屏? 概念 很多人可能把全面屏跟曲面屏混淆,其实这是两个不同的概念。 一般手机的屏幕纵横比为16:9,如...

  • Android适配全面屏

    为给用户带来更具吸引力的观看体验,许多 Android 原始设备制造商 (OEM) 纷纷试水新款特长屏幕智能手机。...

网友评论

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

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