React Native Component随键盘上移

vnzz0bqm 于 6个月前发布在 React

关注(0)|答案(1)|浏览(58)

我创建了一个自定义的底部标签栏，并使用position: 'absolute',和bottom: 0,将其固定在屏幕的末尾。

的数据
我也有一个用于搜索的文本输入。当我试图在搜索中键入一些东西时，键盘会出现，我的底部标签栏会随着键盘向上移动。

的
现在，我希望底部标签栏不随键盘移动，它将留在屏幕底部的地方。

1条答案

基本上，有两种方法来处理这种情况.
1.当键盘打开时隐藏底部的TabBar

eg.

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

字符串
1.在AndroidManifest文件中管理windowSoftInputMode。

eg.

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

型