React Native 组件通过键盘向上移动

Question

我创建了一个自定义底部选项卡栏，并使用以下命令将其修复在屏幕末尾

position: 'absolute',

和

bottom: 0,

。

---

---

我还有一个用于搜索的文本输入。当我尝试在搜索中输入内容时，键盘会出现，并且使用键盘时，我的底部选项卡栏会向上移动。

---

---

现在，我希望底部选项卡栏不随键盘移动，它将保留在屏幕底部的位置。

Answer 1

基本上，有两种方法可以处理这种情况。

1. 键盘打开时隐藏底部TabBar

• 要在键盘出现时隐藏 TabBar，反应导航本身提供了一个属性：tabBarHideOnKeyboard。
• 使用此功能，您可以在键盘状态更改时管理 TabBar 的可见性。

例如。

<Tab.Navigator
  screenOptions={{
    tabBarHideOnKeyboard: true,
  }}
>
  {/** TabBar screens here */}
</Tab.Navigator>

2. 在 AndroidManifest 文件中管理 windowSoftInputMode。

• 这将是 AndroidManifest.xml 文件中本机代码的更改
• 这将需要重新安装 Android 应用程序

例如。

<activity
    android:name=".MainActivity"
    ...other_props
    android:windowSoftInputMode="adjustPan" // make changes accordingly
>