我想使用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);