Как переопределить силу forceInset для <SafeAreaView>в навигации React - PullRequest
Новая
       21

Как переопределить силу forceInset для <SafeAreaView>в навигации React

0 голосов
/ 21 февраля 2019

Я создал нижнюю панель вкладок, используя React Navigation , которую мне нужно анимировать / свернуть при прокрутке.Однако, когда пользователь прокручивает, представление безопасной области не анимируется и остается внизу (я хочу, чтобы оно также скрывалось, когда скрывается нижняя панель вкладок).Чтобы это исправить, я сделал это: 

<SafeAreaView style={{ flex: 1 }} forceInset={{ bottom: 'never' }}>
    <AppContainer />
</SafeAreaView>

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

const MainBottomTabNavigator = createBottomTabNavigator(
{
    firstTab: { screen: FirstScreen },
    secondTab: { screen: SecondScreen },
    thirdTab: { screen: ThirdScreen },
},
{
    defaultNavigationOptions: ({ navigation }) => {
      return {
        tabBarComponent: props => ( <MyCustomNavBar {...props} /> ),
        tabBarOptions: { safeAreaInset: { bottom: 'always' } },
      };
    },
  }
);

Я пытался поставить tabBarOptions в разных местах, но ни одно из них не работает.Одна вещь, которую я узнал, была, если я удаляю пользовательскую панель вкладок и просто использую панель вкладок по умолчанию, тогда она работает.Есть ли способ переопределить forceInset на пользовательской панели вкладок?

...