react-native-dropdown-autocomplete-textinput

gistfile1.txt

'use strict';
import { useNavigation } from '@react-navigation/core';
import React, { useState, useEffect, } from 'react';
import {
  KeyboardAvoidingView,
  ScrollView,
  View,
} from 'react-native';
// import { ScrollView } from 'react-native-gesture-handler';
import { useSelector } from 'react-redux';

import Autocomplete from 'react-native-dropdown-autocomplete-textinput';

export default function App(props) {
  const { userdata } = useSelector((state) => {
    return {
      userdata: state.userdata,
    }
  });

  const [users, seUsers] = useState([]);
  const [scrollEnabled, setScrollEnabled] = useState(true);

  useEffect(() => {
    setIssuerList(userdata.users);
  }, [])

  return (
    <ScrollView
        keyboardShouldPersistTaps="handled"
        scrollEnabled={scrollEnabled}
        onKeyboardDidShow={() => {setScrollEnabled(false)}}
        onKeyboardDidHide={() => {setScrollEnabled(true)}}
      >
        <KeyboardAvoidingView
          style={{paddingHorizontal:10}}
        >
          <Autocomplete
            data={issuerList}
            displayKey="name"
            onSelect={(value)=>{console.log("select:", value)}}
            placeholder={'Issuer'}
            maxHeight={200}
          />
          <View style={{marginTop: 200}}></View>
        </KeyboardAvoidingView>
      </ScrollView>
  )
}