Expo - нежелательная белая полоса сверху с кнопкой возврата

Question

Я пытаюсь создать приложение с expo и response-native.

У меня вверху белая полоса с кнопкой возврата. Я не понимаю, почему это так, это функция экспо, реактивной или реактивной навигации, которую мне нужно отключить?

Я попытался найти любой компонент "* Bar *", но на самом деле ничего нет, мои App.js отображают только мою собственную панель с представлением компонента под ней.

Скриншот: https://ibb.co/QQ5fMDP

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'
};

Подробнее см. В документах по API реагирующей навигации .

Редактировать

Похоже, в настройке навигации есть опечатка. Вам нужно изменить это на это:

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 теперь имеет два параметра при необходимости.