最简单消除react-native启动白屏的方法

这是最简单的方法,比使用react-native-splash-screen组件方便许多,效果为启动后出现一张自定义图片,应用加载后会覆盖该图片。
步骤如下

  1. 打开 android\app\src\main\res\values 下的styles.xml
    <resources>
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
            <!-- Customize your theme here. -->
            <!-- 加入下面这两行代码,开启启动图 -->
            <item name="android:windowTranslucentStatus">true</item>
            <item name="android:windowBackground">@drawable/launch_screen</item>
        </style>
    </resources>
    
  2. 在 android\app\src\main\res 目录下新建drawable目录,在里面放入一张命名为launch_screen.jpg的图片
  3. 重启应用,就可以看到添加的启动图啦,是不是很方便呢
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值