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

• Host: GitHub
• URL: https://github.com/xcarpentier/react-native-suggester
• Owner: xcarpentier
• License: mit
• Created: 2019-01-31T08:44:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T17:47:39.000Z (12 months ago)
• Last Synced: 2024-10-25T12:50:37.813Z (about 2 months ago)
• Topics: react-native, textinput
• Language: TypeScript
• Homepage:
• Size: 1.17 MB
• Stars: 59
• Watchers: 5
• Forks: 4
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-suggester ★32 - React-Native package to decorate TextInput and get suggestions with good UX. (Components / UI)
• awesome-reactnative-ui - react-native-suggester - Native package to decorate TextInput and get suggestions with good UX|<ul><li>Last updated : This week</li><li>Stars : 27</li><li>Open issues : 2</li></ul>|| (Others)
• awesome-react-native - react-native-suggester ★32 - React-Native package to decorate TextInput and get suggestions with good UX. (Components / UI)
• awesome-reactnative-ui - react-native-suggester - Native package to decorate TextInput and get suggestions with good UX|<ul><li>Last updated : This week</li><li>Stars : 27</li><li>Open issues : 2</li></ul>|| (Others)
• awesome-react-native - react-native-suggester ★32 - React-Native package to decorate TextInput and get suggestions with good UX. (Components / UI)

README

        


   

    

 





  

  

  

  



# 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)!