Question

我想从使用底部标签导航器的屏幕上删除标题。

这是代码示例：

export class Home extends Component {
  render() {
    return <ProductList />;
  }
}

export class Settings extends Component {
  render() {
    return <Chat />;
  }
}

const Main = createBottomTabNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      header: null,
    },
  },
  Settings: {
    screen: Settings,
  },
});

可忽略标题接缝的navigationOptions

 navigationOptions: {
          header: null,
        },

但是当我在没有createBottomTabNavigator的情况下在单页上使用导航选项时，它可以工作。

有什么想法吗？

Answer 1

您可以使用它代替上面的

    export class Home extends Component {
       static navigationOptions = {
            header: {
              visible: false,
            }
          }
      render() {
        return <ProductList />;
      }
    }

    export class Settings extends Component {
      render() {
        return <Chat />;
      }
    }

    const Main = createBottomTabNavigator({
      Home: {
        screen: Home
      },
      Settings: {
        screen: Settings,
      },
    }, 
    { 
        headerMode: 'screen' 
    });

希望这对您有帮助

删除屏幕上用于响应本机应用程序的导航标题

1 个答案: