react-native-places-autocomplete
React Native Google NearBy Place Search and Places Autocomplete (iOS/Android)
Demo:
Installation:
npm i -S react-native-places-autocomplete
Usage:
When this component is loaded for the first time, it will show a list of NearBy Places. Then, when you start typing, a list of merchants will be shown near your location (which is by default within 500m radius).
var SearchBar = ; // Optional but recommended on iOS { superprops; thisstate = {} } { return <View style=flex: 1 marginTop: 64> <PlacesAutoComplete apikey="YOUR_API_KEY" rankby="distance" radius="500" type="restaurant|department_store|pharmacy|night_club|movie_theater|bowling_alley|book_store|meal_delivery|meal_takeaway|lodging|bar" iconColor="#FC1D47" merchantNameColor="#37383B" searchText=thisstatesearchText searchInput= <SearchBar ref='searchBar' placeholder='Search' onChangeText= { console; this; } onSearchButtonPress= { } onCancelButtonPress= { } /> onSelect= { // When you select a merchant this will be triggered. console; } /> </View> ; }
NB: PRs are welcome