Блог

Я хочу создать заставку, используя react native Android, похожую на это изображение. как это сделать?

Попробуйте использовать эту библиотеку 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();
        }
    }
  

Да, определенно, вы можете использовать библиотеку react-native-splash-screen. Или вы также можете добавить их вручную. Для получения подробной информации вы можете проверить эту ссылку https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae

Вы можете создать отдельный экран для заставки, и там вы можете проверить, вошел ли пользователь в систему или нет, и перейти к определенному экрану на основе результата

также вы можете сбросить навигационный стек следующим образом

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