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

一:RN标题栏的适配很简单,官方提供了一个原生组件,可以设置标题栏背景之类的<StatusBar backgroundColor={'#e34451'}/>二:全面屏适配,  参考文档:https://android-developers.googleblog.com/2017/03/update-your-app-to-take-advantage-of.html  全面屏...
摘要由CSDN通过智能技术生成

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

<StatusBar
    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ÿ

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值