如何在反应导航中更改后退按钮路线

Question

我正在使用react-navigation（堆栈导航）。我想更改我的标题返回按钮图标路线。

1. 首页
2. BookTicket

3. MyBookings

   这些都是我在我的project.Now屏幕当我点击MyBookings头后退按钮屏幕它应该路由到主屏幕。

Answer 1

如果您的stackNavigator堆栈配置正确，默认情况下必须有后退按钮。

但是，如果你想更换默认按钮只需添加headerLeft并通过您的自定义组件的屏幕页面导航选项要更改后退按钮处理程序

CreateAccountScreen.navigationOptions = ({navigation}) => ({ 
    headerStyle: styles.headerStyle, 
    title: 'Create Account', 
    headerTintColor: '#fefefe', 
    headerTitleStyle: styles.headerTitleStyle, 
    headerLeft: {()=>(
      <Icon name="chevron-left" 
       onPress={() => navigation.goBack(null)} 
       size={35} color="white"/> 
     )} 
});