Простая реализация реагирования на изменение родного экрана

Question

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

Answer 1

навигации вы можете сделать что-то вроде этого. Давайте кратко рассмотрим пример:

RootStack. js

 import createAnimatedSwitchNavigator from 'react-navigation-animated-switch';
 import { withNavigation } from 'react-navigation';
 const RootStack = createAnimatedSwitchNavigator(
 {
    splash:SplashScreen,
    second:SecondScreen,
},
{
   initialRouteName: splash
}
)
export default RootStack;

APP. js

import { createStackNavigator } from 'react-navigation-stack';
import AuthStack from './AuthStack'
const RootStack = createStackNavigator({ RootStack});
const AppContainer = createAppContainer(RootStack);
export default AppContainer;

Ваш компонент должен выглядеть следующим образом.

...rest
const SplashScreen = (props) =>{
    return (
        <View>
        <TouchableOpacity onPress={()=>{
                props.navigation.navigate("second")
        }}></TouchableOpacity>
        </View>
    )
}
export default withNavigation(SplashScreen)