react-native -- 添加启动图

2018-11-29  本文已影响37人  反者道之动001

打开的时候一般手机需要1-2s时间, 白屏是很难看的, 这时候开一个logo出来就很不错

Android

我看很多用react-native-splash-screen来写,一是用起来麻烦,二是也没这个必要(场景简单的话), 让我们直接加一个吧。

cd android\app\src\main\res\values
vi styles.xml
找到这行代码<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">, 在里面添加两行代码

<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowBackground">@drawable/launch_screen</item>

main/resmkdir drawable
把启动图放进去launch_screen.jpg

run
react-native run-android

你就可以看到启动图啦~~

并且会被新的视图覆盖, 也就是启动后你就看不到启动页的图片了。


ps
如果要做引导页, 比如滑动看介绍(guang gao),像酷狗那种的, 可以用navigation直接加一个引导页就好了。
--END--

上一篇 下一篇

猜你喜欢

热点阅读