React Native - 键盘打开时隐藏固定位置的组件
[英]React Native - Hide component of fixed position when keyboard opens up
问题描述
我有一个元素列表和一个粘滞按钮，固定在屏幕底部。 因此，当用户在列表中向下滚动时，按钮会停留在底部。 这工作得很好，但是当我打开键盘时，按钮也被向上推，隐藏了屏幕顶部的其他元素。
我可以以某种方式放置我的按钮以使其在屏幕上保持粘性，但是当键盘打开时它不会被向上推吗？
我目前的（hacky）实现是当键盘打开时我隐藏了按钮，但我不太喜欢它。
2 个解决方案
解决方案1
0 2021-07-13 09:44:08
您必须使用任何键盘库，如react-native-keyboard-spacer等，以便您可以为该特定屏幕禁用它，另一个hacky实现@mikasa
解决方案2
0 2021-07-13 10:09:44
我假设您正在使用 KeyboardAvoidingView 包装您的组件，这可以解释您的按钮被向上推，因此您应该考虑在键盘打开时将 false 传递给“启用”道具，这将导致键盘覆盖您的按钮。 你可以在这里查看文档https://reactnative.dev/docs/keyboardavoidingview#enabled
如何在 expo react-native 中打开键盘时隐藏 TabBar
[英]how to hide TabBar when keyboard is open in expo react-native
使用 React-Native-Gifted-Chat 时如何隐藏 Android 键盘？
[英]How do I hide the Android Keyboard when using React-Native-Gifted-Chat?
React Native 中是否有应用程序将隐藏/显示？ 切换应用程序时键盘监听器被删除的问题
[英]Is there App will hide/show in React Native? Issue with Keyboard listeners being removed when switching apps
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
React Native-在滚动条上隐藏键盘
如何在 expo react-native 中打开键盘时隐藏 TabBar
使用 react-date-picker 时在移动设备上隐藏本机键盘
弹出窗口打开时隐藏导航栏
React Native-React Navigation固定组件位于顶部
使用 React-Native-Gifted-Chat 时如何隐藏 Android 键盘？
React Native 中是否有应用程序将隐藏/显示？ 切换应用程序时键盘监听器被删除的问题
如何在 React Native 中隐藏标题 - 功能组件
无法隐藏/更改React本机组件的可见性
如何在切换时隐藏反应本机组件
相关标签