Skip to main content

Icons

This is specific for AppleStyle where you can define leftIcons and rightIcons. In this example, react-native-vector-icons are used, but you would need to install it first. Any other ReactElement is also valid.

Regular#

import { AppleStyle } from 'react-native-scrollable-navigation-bar';import Ionicons from 'react-native-vector-icons/Ionicons';
Live Editor
Result

Header Icons#

If we want different icons before the transitionPoint so we can utilize headerLeftIcons and headerRightIcons.

import { AppleStyle } from 'react-native-scrollable-navigation-bar';import Ionicons from 'react-native-vector-icons/Ionicons';
Live Editor
Result