如何更改后退按钮标签，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' 
    } 
    } 
});