react-native-searchable-picker v1.0.5

React Native Searchable Picker

The main purpose of this package is creating cool dropdown lists with simple search functionality.

Installation

 $ npm i react-native-searchable-picker

Usage

import React, {useEffect, useState} from 'react';
import RNSearchablePicker from 'react-native-searchable-picker';

const data = [
  {
    label: 'React',
    value: 'react'
  },
  {
    label: 'React Native',
    value: 'rn'
  },
  {
    label: 'Ionic',
    value: 'ion'
  }
]
const App = () => {
  /**
   * Define local state for selected element
   */
  const [selected, setSelected] = useState();

  const selectHandler = item => {
    setSelected(item);
  }

  useEffect(() => {
    console.log(selected);
  }, [selected]);

  return (
      <RNSearchablePicker
        onSelect={selectHandler}
        data={data}
        placeholder='Choose an item'
        defaultValue={data[0].label}
        containerStyles={{marginHorizontal: 10}}
        listStyles={{maxHeight: 50}}
      />
  );
}

export default App;

Props

License

ISC