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();
    }
}