如何更改後退按鈕標籤，react-navigation

Question

我正在使用react-navigation，並且我無法更改默認「後退」按鈕的區域設置。

在我的堆棧導航器中，如果我爲主頁寫下標題，並且它不是太長，它將顯示頁面標題而不是「返回」。

export const Root = StackNavigator({ 
Index: { 
    screen: Index, 
    navigationOptions: ({ navigation }) => ({ 
     title: "My App name", //Not working when too long 
    }), 
}, 

我該怎麼做？

Answer 1

您可以使用headerBackTitle道具來控制後退按鈕標題。在iOS上使用後退按鈕

headerBackTitle

標題字符串或空禁用標籤。默認爲前一個場景的headerTitle

例

const SomeNavigator = StackNavigator({ 
    Main: { screen: Main }, 
    Login: { 
    screen: Login, 
    navigationOptions: { 
     headerBackTitle: 'some label' 
    } 
    } 
});