javascript - 打开键盘时 react 原生底部标签栏向上推

Question

我们正在使用 createBottomTabNavigator。在其中一个选项卡的顶部包含搜索栏。单击该搜索栏时，我们正在打开键盘。但键盘也将底部标签栏向上推。打开键盘时，我们需要底部标签栏保持在底部。

我尝试过的解决方案之一是，在 android manifest 中，我更改了 android:windowSoftInputMode="adjustPan"或 "adjustNothing"。它按预期工作正常。但是我们在另一个需要“adjustResize”的选项卡中使用聊天布局。所以我必须为windowSoftInputMode保留“adjustResize”。

作为另一种解决方案，我尝试在组件本身内部更改 windowSoftInputMode。所以我试过这个 - https://www.npmjs.com/package/react-native-android-keyboard-adjust .但是没有用。

作为另一个，我尝试创建一个 TabBarComponent，就像这里提到的 https://github.com/react-navigation/react-navigation/issues/618 .但没有按预期工作。

const SignedIn = createBottomTabNavigator(
  {
    Followers: {
      screen: FollowerStack,
      ...
    },
    Search: {
      screen: SearchStack,
    },
    Home: {
      screen: HomeStack,
    },
    Bookmarks: {
      screen: BookmarkStack,
    },
    Profile: {
      screen: ProfileStack,
    }
  },
  {
    initialRouteName: "Home",
    tabBarPosition: 'bottom',
    swipeEnabled: false,
    animationEnabled: false,
    tabBarOptions: {
      keyboardHidesTabBar: true,
      showIcon: true,
      showLabel: false,
      activeTintColor: "red",
      inactiveTintColor: "gray",
      adaptive: true,
      safeAreaInset: {
        bottom: "always"
      },
      style: {
        position: 'relative',
        backgroundColor: "#F9F8FB",
        height: TAB_NAVIGATOR_DYNAMIC_HEIGHT,
        paddingTop: DeviceInfo.hasNotch() ? "5%" : "0%",
        minHeight: TAB_NAVIGATOR_DYNAMIC_HEIGHT,
        width: '100%',
        bottom: 0
      }
    }
  }
);

是否存在任何其他属性可以使底部标签栏在底部保持粘性？
或

是否可以从组件内部更改 android list windowSoftInputMode？
如果您需要任何其他代码部分以供引用，请在下面发表评论。谢谢你的帮助。

Answer 1

我使用了 React 导航 5，这是你想要的吗？

<SignedIn.Navigator 
   tabBarOptions={{
      keyboardHidesTabBar: true
   }}         
}>
</SignedIn.Navigator>

document在这里阅读。