我正在使用 react 导航(堆栈导航)。我想更改我的标题后退按钮图标路线。
- 首页
- 预订机票
我的预订
这些是我项目中的屏幕。现在,当我单击“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"/>
)}
});
关于reactjs - 如何更改 react 导航中的后退按钮路线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45994430/