美文网首页
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 -- 添加启动图

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

  • 添加启动图

    方法一 直接用LaunchScreen.storyboard,在LaunchScreen.storyboard上添...

  • 关于APP启动图和图标

    一 图标添加图标 注意命名规范 二 启动图 启动图添加有两种方案 方案一:使用Launch Screen Fil...

  • react-native启动页配置

    1启动图 安装第三方库(react-native-splash-screen); 根据react-native版本...

  • 简单记录Windows平台搭建react-native项目以及走

    react-native环境搭建+启动 1、官网下载安装node,用于安装启动react-native相关模块2、...

  • iOS获取启动图

    获取App启动图的方法 为启动图添加一个动画效果 NSString转NSData NSData转NSString

  • RN 安卓启动图告别白屏

    目录一、前言二、添加启动图三、启动图属性四、启动图布局五、核心代码六、 MainActivity七、结束语 一、前...

  • iOS11 适配

    1、启动页 如果启动页采用 Launch Imaged Sourc,则需要添加iPhoneX的启动图,不然整个 A...

  • React-Native 服务启动过程

    启动React-Native 服务 执行 react-native init AwsomeProject 会初始化...

  • ios 关于启动图

    关于设置APP启动图有两种方式1.旧方式: Launch Images Source 添加启动图,Launch S...

网友评论

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

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