Question

我正在尝试使用expo和react-native构建一个应用程序。

我在顶部有一个带有后退按钮的白色栏。我不明白为什么要这么做，这是我需要禁用的expo，react-native或react-navigation功能吗？

我尝试搜索任何“ * Bar *”组件，但实际上没有任何内容，我的App.js仅使用其下面的组件视图来呈现自己的条形。

AppNavigator.js：

export default createAppContainer(
  createStackNavigator({
    [ROUTES.Login]: LoginScreen,
    [ROUTES.Some]: SomeScreen,
  }),
  {
    initialRouteName: ROUTES.Login,
    defaultNavigationOptions: {
      headerMode: 'none',
      headerVisible: false,
      header: null,
    },
    navigationOptions: {
      headerMode: 'none',
      headerVisible: false,
      header: null,
    },
  },
);

Answer 1

这很可能是一个标题，它会将响应导航自动添加到堆栈导航器中。如果您不想使用它，则可以全局删除它

createStackNavigator({
  ...,
},{
  defaultNavigationOptions: {
    headerMode: 'none'
  }
});

或逐屏显示：

MyComponent.navigationOptions = {
  headerMode: 'none'
};

在react-navigation API docs中查看更多信息。

编辑

在设置导航方式时可能会出现错字。您需要将其更改为此：

export default createAppContainer(
  createStackNavigator({
    [ROUTES.Login]: LoginScreen,
    [ROUTES.Some]: SomeScreen,
  },
  {
    initialRouteName: ROUTES.Login,
    defaultNavigationOptions: {
      headerMode: 'none',
      headerVisible: false,
      header: null,
    },
    navigationOptions: {
      headerMode: 'none',
      headerVisible: false,
      header: null,
    },
  })
);

请注意，createStackNavigator现在根据需要具有两个参数。

博览会-顶部带有后退按钮的不需要的白条

1 个答案:

编辑