React Native+第三方库(react-native-splash-screen)实现APP启动页
import React, { Component } from 'react';
import { AppRegistry, View } from 'react-native';
import SplashScreen from 'react-native-splash-screen';
class MyApp extends Component {
componentDidMount() {
// 延迟300毫秒后隐藏启动屏幕
setTimeout(() => {
SplashScreen.hide();
}, 300);
}
render() {
// 渲染你的应用主界面
return (
<View>
<Text>Hello, World!</Text>
</View>
);
}
}
// 注册应用启动时的启动屏幕
SplashScreen.preventAutoHide();
// 注册应用的根组件
AppRegistry.registerComponent('MyApp', () => MyApp);
这段代码展示了如何在React Native应用中使用react-native-splash-screen
库来实现一个启动页。在componentDidMount
生命周期方法中,我们使用setTimeout
来延迟隐藏启动屏幕,以此模拟一个启动页存在的场景。这是一个简单的例子,实际应用中可能需要更复杂的逻辑来处理启动页的显示和隐藏。
评论已关闭