react-native - 使用反应导航复制顶部标题

Question

我用三个标签开始这个小项目。

标题在每个选项卡项上都正确显示，但标题在视图上重复。

如果我将下面的代码放在屏幕上，重复的标题就消失了，但标题不再显示。

static navigationOptions = {
header: null,
};

如果我输入此代码，则不会显示标题，仅当我将标题放在 createStackNavigator 的创建时才会显示标题。

static navigationOptions = {
title:  'Some Title'
};

这是完整代码和问题的一些屏幕截图。

代码：https ://gist.github.com/alanPTK/7c3de2d7cecea38cf64df1525fd6b3d2

截图：https ://imgur.com/a/W3o3mBP

标签： react-nativereact-navigation

Answer 1

尝试设置

headerMode: 'none',
navigationOptions: {
    headerVisible: false,
}

在您的 StackNavigators 导航选项中，它将删除顶部标题，这将在每个屏幕上留下底部标题，因此您可以在每个屏幕上设置标题

static navigationOptions = {
   title: "Your title"
}