react-native-algolia-dropdown
v1.6.0
Published
Real time dropdown search for Algolia with React Native
Downloads
12
Maintainers
Readme
react-native-algolia-dropdown
This component is rad. I just haven't had time to document it. If you're using Algolia with React Native and you need an Instagram-ish search bar (with dropdown results), hit me up on Twitter and I'll walk you through it. @tylermcginnis33
##Example
<AlgoliaDropdown
appID={algoliaConfig.APP_ID}
style={{backgroundColor: colors.tabPrimary, borderBottomWidth: 1, borderColor: colors.border, paddingTop: Platform.OS === 'ios' ? 25 : 0}}
footerHeight={64}
sideComponent={<Filter onPress={this.handleFilterPress} width={this.state.filterWidth} />}
apiKey={algoliaConfig.SEARCH_API}>
<UserPreview
index='users'
title='People'
params={{hitsPerPage: 3}}
onToProfile={(userId) => this.handleToProfile(userId)}
small={true} />
<PostSearchContainer
navigator={this.props.navigator}
index='posts'
title='Public Posts'
params={{hitsPerPage: 3}} />
</AlgoliaDropdown>
Renders this
Usage
The index prop on children components of AlgoliaDropdown link an Algolia index with a specific component. This components render method is responsible for displaying an individual hit, each hit is passed down into children components through a prop called 'data'. The UserPreview render() method may look something like this:
render(){
return(
<Text>{this.props.data.username}</Text>
);
}