美文网首页
react-native -- 添加启动图

react-native -- 添加启动图

作者: 反者道之动001 | 来源:发表于2018-11-29 17:49 被阅读37次

    打开的时候一般手机需要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--

    相关文章

      网友评论

          本文标题:react-native -- 添加启动图

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