How to use react-instantsearch-native - 6 common examples
To help you get started, we’ve selected a few react-instantsearch-native examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
algolia / doc-code-samples / React InstantSearch Native / getting-started / src / InfiniteHits.js View on Github 
onEndReached={() => hasMore && refine()}
renderItem={({ item }) => (
)}
/>
);
InfiniteHits.propTypes = {
hits: PropTypes.arrayOf(PropTypes.object).isRequired,
hasMore: PropTypes.bool.isRequired,
refine: PropTypes.func.isRequired,
};
export default connectInfiniteHits(InfiniteHits);)}
/>
);
InfiniteHits.propTypes = {
hits: PropTypes.arrayOf(PropTypes.object).isRequired,
hasMore: PropTypes.bool.isRequired,
refine: PropTypes.func.isRequired,
};
export default connectInfiniteHits(InfiniteHits););
SearchBox.propTypes = {
currentRefinement: PropTypes.string.isRequired,
refine: PropTypes.func.isRequired,
};
export default connectSearchBox(SearchBox););
SearchBox.propTypes = {
currentRefinement: PropTypes.string.isRequired,
refine: PropTypes.func.isRequired,
};
export default connectSearchBox(SearchBox););
})}
);
};
Highlight.propTypes = {
attribute: PropTypes.string.isRequired,
hit: PropTypes.object.isRequired,
highlight: PropTypes.func.isRequired,
};
export default connectHighlight(Highlight);'B1G2GM9NG0',
'aadef574be1f9252bb48d4ea09b5cfe5'
);
const styles = StyleSheet.create({
safe: {
flex: 1,
backgroundColor: '#252b33',
},
container: {
flex: 1,
backgroundColor: '#FFFFFF',
},
});
const VirtualRefinementList = connectRefinementList(() => null);
class App extends React.Component {
root = {
Root: View,
props: {
style: {
flex: 1,
},
},
};
state = {
isModalOpen: false,
searchState: {},
};react-instantsearch-native
⚡ Lightning-fast search for React Native, by Algolia
