主导航3(抽屉和堆栈)在一起的问题

时间:2019-06-18 06:33:51

标签: reactjs react-native

我正在使用React Navigation版本3 我试图一起使用Drawer和Stack 我正在安装导航抽屉,效果很好 但是当我使用堆栈导航时,在标题中看不到后退按钮选项 抽屉->列表屏幕->按下项目打开堆栈导航以查看配置文件-> 在这里我不能回到ListScreen 我尝试过编辑导航选项并添加自定义属性,但是我仍然不明白为什么它不可见

const AuthStackNavigation = createStackNavigator({   HomeStack:{    屏幕。     屏幕:LeadScreen,

headerBackTitleVisible:true,

navigationOptions: ({ navigation }) => ({

  headerLeft: <Icon     
  name='arrow-back' onPress={ () => { navigation.goBack() }} style={{width:100}} />

  ,
  title: `${navigation.state.params.name}'s Profile'`,
    headerStyle: {
    backgroundColor: '#f4511e',
  },
  headerTitleStyle: { flex: 1, textAlign: 'center'},
}),

},

});

// navigate('Profile',{name:'Brent'})

const AppStackNavigator = createDrawerNavigator({   'בית':主屏幕,   'רשימתלידים':LeadsScreen,   'ניהולסוכנים':ManageUsersScreen   ,   'הגדרות':设置屏幕 },{   contentComponent:CustomerDrawerComponent }

const MainNavigation = createSwitchNavigator({   HomeDrawer:AppStackNavigator,   AuthStack:AuthStackNavigation,//您将在登录过程后使用this.props.navigation.replace('HomeDrawer')。 })

导出默认的createAppContainer(MainNavigation);

0 个答案:

没有答案