如何在反應導航中更改後退按鈕路線

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"/> 
     )} 
});