提问人：MST intern 2 提问时间：11/17/2023 更新时间：11/17/2023 访问量：34
React Native 组件随键盘向上移动
React Native Component moves up with keyboard
问：
我创建了一个自定义底部标签栏，并使用 和 将其修复在屏幕末尾。position: 'absolute',bottom: 0,
我还有一个用于搜索的文本输入。当我尝试在搜索中输入内容时，会出现键盘，使用键盘，我的底部标签栏向上移动。
现在，我希望底部标签栏不要随键盘移动，它将停留在屏幕底部的位置。
答：
2赞
Vicky Ahuja
11/17/2023
#1
基本上，有两种方法可以处理这种情况。
- 打开键盘时隐藏底部的 TabBar
- 为了在键盘应用时隐藏 TabBar，react 导航本身提供了一个属性，即 tabBarHideOnKeyboard。
- 有了这个，您可以在键盘状态更改时管理 TabBar 的可见性。
例如。
<Tab.Navigator
screenOptions={{
tabBarHideOnKeyboard: true,
}}
>
{/** TabBar screens here */}
</Tab.Navigator>
- 管理 AndroidManifest 文件中的 windowSoftInputMode。
- 这将是 AndroidManifest.xml 文件中本机代码的更改
- 这将需要重新安装 android 应用程序
例如。
<activity
android:name=".MainActivity"
...other_props
android:windowSoftInputMode="adjustPan" // make changes accordingly
>
评论
1赞
MST intern 2
11/17/2023
我试试这个android：windowSoftInputMode=“adjustPan”及其工作。谢谢 🤗
评论