Я хочу сделать заставку, используя реагировать родной Android

Question

Я хочу сделать заставку с использованием реагирующего нативного андроида, подобного этому изображению.как это сделать?

Answer 1

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

Answer 2

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

, также вы можете сбросить стек навигации, как это

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

Answer 3

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