AutoCompleteTextView in react native compatible with both iOS and Android

Question

I need to implement AutoCompleteTextView in react native. The problem is that there is no such built-in component. All the modules and libraries available to mimic this feature is not completely similar. The main issue is the suggestions are not appearing over the view(like that of select box/picker). Even if it is then it is not behaving perfectly withKeyboardAvoidingView. The whole point is it is not working like native AutoCompleteTextView for Android

The other solution is using native UI element. But I want this component for both iOS and Android. Any help would be appreciated.

I want to achieve this option like tag user on the Facebook app

P.S.: Excuse the typos as I am using a mobile device.

Answer 1

After searching a lot for available Libraries and module, I came up with my own implementation of custom AutoCompleteTextView.
I have created a gist for AutoCompleteTextView.
The idea behind:

*There is one input field on the focus of this field keyboard appears.

*When keyboard appears we calculate space from top to input field and from input field till the start of keypad area.

*Will display an absolute positioned scroll view Suggestion area on top or bottom of input field based on the space calculation above.

*When keyboard goes away we hide the suggestion area.

Suggestions are welcome on how to improve this thing.

Answer 2

Here is the android native AutoCompleteTextView component - https://github.com/rajsuvariya/autocompletetextview - its a work in progress.