Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/xcarpentier/react-native-suggester

🔎 React-Native package to decorate TextInput and get suggestions with good UX
https://github.com/xcarpentier/react-native-suggester

react-native textinput

Last synced: about 1 month ago
JSON representation

🔎 React-Native package to decorate TextInput and get suggestions with good UX

Lists

README 

        


   

    react-native-suggester

 








  

  npm downloads

  npm version

  




# react-native-suggester



React-Native package to decorate TextInput and get suggestions with good UX



## How to use it ?



```jsx

import { SuggesterProvider, SuggestTextInput } from 'react-native-suggester'



const DATA = [

  { id: 1, value: 'Honda' },

  { id: 2, value: 'BMW' },

  { id: 3, value: 'Harley-Davidson' },

  { id: 4, value: 'Yamaha' },

  { id: 5, value: 'Kawasaki' },

  { id: 6, value: 'Triumph' },

  { id: 8, value: 'Ducati' },

  { id: 9, value: 'Suzuki' },

]



export default class App extends React.Component {

  render() {

    return (

      

        {/* somewhere in your app */}

        

      

    )

  }

}

```



### With HOC



```jsx

import {

  SuggesterProvider,

  SuggestTextInput,

  setSuggestOptions,

} from 'react-native-suggester'



setSuggestOptions({

  statusBarHeight: 10,

  backgroundColor: 'white',

  textColor: 'black',

  textFont: 'System',

  textFontSize: 16,

  textWhenEmpty: '...',

})



@SuggesterProvider

class App extends React.Component {

  render() {

    return (

      

        {/* somewhere in your app */}

        

      

    )

  }

}

```



## Hire an expert!



Looking for a ReactNative freelance expert with more than 12 years experience? Contact me from my [website](https://xaviercarpentier.com)!