Навигация по экрану из stacknavigator не работает при использовании bottomtabnavigator - PullRequest
0 голосов
/ 25 февраля 2020

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

const RootStack = createStackNavigator(
    {
        Splash: { screen: SplashScreen},
        Mobile:{screen:MobileAuthentication} ,
        Code:{screen:CodeAuthentication} ,
        Home: { screen: HomeScreen },
        ProfileScreen: { screen: ProfileScreen },
        ProfileDetails: { screen: ProfileDetails },
    },
    { initialRouteName: 'Splash'}
);
const AppContainer = createAppContainer(RootStack);

На моем домашнем экране я использую buttomtabnavigator

const bottomTabNavigator = createBottomTabNavigator(
  {
    A: {
      screen: ProfileScreen,
      navigationOptions: {
...
      }
    },
    B: {
      screen: FilterScreen,
      navigationOptions: {
...
      }
    },
  },
  {
    initialRouteName: 'FilterScreen',
    tabBarOptions: {
      activeTintColor: '#3F51B5'
    }
  }
);
const AppContainer = createAppContainer(bottomTabNavigator);

Проблема заключается в том, что когда я хочу перейти от ProfileScreen к ProfileDetails на onpress тогда не работает

       <ProfileBtn
          onPress={() => {
            console.log('item Clicked'),
            this.props.navigation.navigate('ProfileDetails')
          } }
         />

Ответы [ 2 ]

0 голосов
/ 03 апреля 2020

Может быть, вам следует попытаться передать «навигацию» в ваше создание stackNavigator, используя параметры с smthg, подобным этому (для каждого экрана вашего стека или, по крайней мере, тех, в которых вы хотите его использовать):

options={({route, navigation}) => (
                {headerTitle: 'Splash',
                route: {route}, 
                navigation: {navigation}}
            )}

Если это не ответ, сообщите нам об ошибке, которую вы получите в своей консоли.

0 голосов
/ 25 февраля 2020
...