我想使用React Native Android制作启动画面

Question

我想使用类似于此图像的react native android制作启动屏幕。 怎么做？

Answer 1

尝试使用此react-native-splash-screen库。

请遵循此处提到的安装说明。 您可以使用这些方法隐藏或显示初始屏幕。 用法：

import SplashScreen from 'react-native-splash-screen'
export default class WelcomePage extends Component {    
        componentDidMount() {
            // do stuff while the splash screen is shown
            // After having done stuff (such as async tasks) hide the splash screen
            SplashScreen.hide();
        }
    }

Answer 2

是的，绝对可以使用react-native-splash-screen库。 或者，您也可以手动添加它们。 有关详细信息，您可以查看此链接https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae

Answer 3

您可以为启动屏幕创建单独的屏幕，并可以在其中检查用户是否登录，并根据结果导航到特定屏幕

您也可以像这样重置导航堆栈

const loginAction = StackActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: 'Login' })],
});

const homeAction = StackActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: 'Home' })],
});

调度使用

if (this.state.loggedIn)
                this.props.navigation.dispatch(homeAction);
            else
                this.props.navigation.dispatch(loginAction);