如何在反应导航中更改后退按钮路线
问题描述:
我正在使用react-navigation(堆栈导航)。我想更改我的标题返回按钮图标路线。如何在反应导航中更改后退按钮路线
- 首页
- BookTicket
-
MyBookings
这些都是我在我的project.Now屏幕当我点击MyBookings头后退按钮屏幕它应该路由到主屏幕。
答
如果您的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"/>
)}
});
+0
谢谢兄弟。有用。 –
+0
欢迎队友,很高兴它的工作! –
您是否尝试过使用'导航.navigate([路径])'? –
雅我试过,但没有为我的情况工作,但感谢您的意见。 –