Заголовок растет после рендеринга внутри, реагирует на нативное приложение

Question

Я создаю приложение, использующее реакционную нативную / экспо, использую реагирующую навигацию для навигации.

Мне нужен навигатор нижней вкладки, и для каждой вкладки мне нужен стековый навигатор. Я последовал примеру на сайте, и он работает нормально. (https://reactnavigation.org/docs/en/tab-based-navigation.html)

Каждый раз, когда я выбираю другой стек из навигатора вкладок, новый заголовок отображается (отлично)! но затем он растет, как будто его добавление дополнения для компенсации строки состояния.

есть ли способ решить эту проблему?

спасибо.

Answer 1

Вы можете добавить следующее, чтобы удалить дополнительную высоту строки состояния для всех экранов в навигаторе:

const MyStack = createStackNavigator({
 // screens
}, {
  defaultNavigationOptions: {
    headerStatusBarHeight: 0
  }
});

Или вы можете сделать это для каждого экрана:

static navigationOptions = {
  headerStatusBarHeight: 0
}

Вы также можете указать пользовательское значение, если вам нужно.