android - AutoCompleteTextView 在 React Native 中与 iOS 和 Android 兼容

标签 android ios react-native react-native-ios

我需要在 React Native 中实现 AutoCompleteTextView。问题是没有这样的内置组件。可用于模仿此功能的所有模块和库并不完全相似。主要问题是建议没有出现在 View 上(如选择框/选择器的建议)。即使是这样,它也不能完美地使用 KeyboardAvoidingView。 重点是它不像 Android 的原生 AutoCompleteTextView 那样工作

另一种解决方案是使用 native UI 元素。但我想要这个组件同时适用于 iOS 和 Android。任何帮助,将不胜感激。

我想在 Facebook 应用程序上像标记用户一样实现此选项 I want to achieve this option like tag user on Facebook app I want to achieve this option like tag user on Facebook app

P.S.:由于我使用的是移动设备,请原谅打字错误。

最佳答案

在大量搜索可用的库和模块之后,我想出了我自己的自定义 AutoCompleteTextView 实现。
我创建了一个 gist for AutoCompleteTextView .
背后的想法:

*有一个输入框在这个输入框的焦点上出现键盘。

*当键盘出现时,我们计算从顶部到输入字段以及从输入字段到键盘区域开始的空间。

*将根据上面的空间计算在输入字段的顶部或底部显示绝对定位的 ScrollView 建议区域

*当键盘消失时,我们隐藏建议区域。

欢迎就如何改进这个东西提出建议。

Suggestions appearing on top of the input field Suggestions appearing below the input field and above keyboard

关于android - AutoCompleteTextView 在 React Native 中与 iOS 和 Android 兼容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49158554/

相关文章:

java - 根据key从firebase中获取值

java - 如何在 Android 中创建文本字段以在 Flutter 应用程序中使用

java - Android 蓝牙套接字连接使用 AsyncTask 在后台接收数据

IOS 富通知 didReceiveNotificationRequest 未被触发

java - 需要安装Java 6 for Mac才能编译Android源码

ios - 在 xcode 6 中找不到“字符串”文件

ios - iOS swift 中没有收到推送通知?

react-native - 在 React Native 中将访问 token 设置为 redux 状态以进行持久 session 是否安全?

javascript - 如何通过react中的包装类公开内部组件的函数?

javascript - React-Native 的 TextInput 组件中的 SetTimeout