如何在 react-native 的键盘顶部显示自定义视图

Posted

技术标签:

【中文标题】如何在 react-native 的键盘顶部显示自定义视图【英文标题】:How to show Custom View on the top of the keyboard in react-native 【发布时间】:2019-04-17 04:52:57 【问题描述】:

我正在开发示例应用程序,我需要一个单独的应用程序,该应用程序应放置在单击 textInput 时出现的键盘上。 我尝试给 absolute position, zIndex 一切,但它不起作用。

谁能告诉我该怎么做。 我正在为自定义键盘执行此操作,某些模块没有给我正确的一次,所以我更喜欢这个。

【问题讨论】:

【参考方案1】:

每个平台 - ios / android - 都有其关于键盘显示和自定义的非常特定的 API。

您可以在现有键盘上进行的自定义数量有限(例如:iOS 上键盘顶部的建议字段...),如果您真的想要特定的东西,您可能想要开发自己的键盘(查看https://github.com/reactnativecn/react-native-custom-keyboard repo 已有 2 年历史,但可能会给您很好的启发,另一个是较新的:https://github.com/wix/react-native-keyboard-input)

【讨论】:

是的,我有那些模块,我不希望出现任何默认键盘,但是当我第一次使用它们时,我得到了自定义键盘,但是当再次聚焦时,默认键盘就会出现。 github.com/reactnativecn/react-native-custom-keyboard 这个 repo 根本不起作用,它在 ios 和 android 中抛出构建错误

以上是关于如何在 react-native 的键盘顶部显示自定义视图的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 react-native 将图像放在相机视图的顶部

react-native解决键盘自适应

如何检测键盘顶部的单词建议栏是不是显示?

React Native 中的 iPad 数字键盘

Android:在自定义键盘上添加 imageButton

如何通过在焦点集中时将其移动到键盘顶部/视图中心来突出显示滚动视图中的焦点 UITextField