Question

我正在寻找一种方法来隐藏React-Native-Router-Flux中导航栏上后退按钮的文本标签

headerLeft prop没有达到目的，设置left={()=>null}隐藏按钮本身（以及标题）

React-Native 0.46.4

Answer 1

将headerBackTitleVisible设置为false对我有用。

我已经在react-navigation v5中对此进行了测试。

<HomeStack.Navigator
      screenOptions={{
        headerBackTitleVisible: false,
      }}
...

Answer 2

我尝试设置backTitle = null和backTitle = ""但没有成功。

正如RNRF GitHub thread #2219所述，设置prop backTitle = " "（引号中的空格）可以解决问题。

Answer 3

这就是我做的。

headerBackTitle：null，

SetupThreeScreen: {
    screen: SetupThreeScreen,
    navigationOptions: {
        title: "Setup",
        headerBackTitle: null,
        headerStyle: {
            backgroundColor: '#1abc9c',
        },
        headerTintColor: '#ccc',
        headerTitleStyle: {
            fontWeight: 'bold',
        }
    }
},

React-Native-Router-Flux：隐藏后退按钮文本标签

3 个答案: