react-native-splash-screen

react-native-splash-screen在GitHub上的地址：https://github.com/crazycodeboy/react-native-splash-screen

react native，对呀app启动屏的生成没有讲解，网上对于启动屏的讲解也是有各类各样的办法；这里讲解一下iOS和android生成启动屏，以及结合第三方插件react-native-splashScreen友好显示启动屏的步骤

• iOS、android如何生成启动屏

在作iOS开发以前，学习锅ionic，也是一种混合开发框架，ionic和react native开发环境基本相似，对于ionic很少说，简单点讲就是ionic只用两张图片（图标，启动屏）就能够快速生成iOS和android适应各个尺寸的相应图片了。固然，若是不会使用ionic，找设计师做图就行。之后会发个连接讲一下ionic生成启动屏的步骤。

• 安装和link react-native-splash-screen

npm i react-native-splash-screen --save

 

• 安装以后须要在android和iOS上配置：

1.  iOS配置：
2. android配置：

• 使用代码：

import SplashScreen from 'react-native-splash-screen'

export default class WelcomePage extends Component {

    componentDidMount() {
        // do stuff while splash screen is shown
        // After having done stuff (such as async tasks) hide the splash screen
        SplashScreen.hide();
    }
}