I want to add an icon to every scene (tab) in the <Tabs></Tabs>
component from react-native-router-flux
.
I've noticed that the icons do indeed show when tabBarPosition="bottom"
.
My code looks similar to this:
<Stack><Tabs tabBarPosition="top"><Scene icon={({focused}) => (<Icon name="star" /> )} hideNavBar /><Scene icon={({focused}) => (<Icon name="audiotrack" /> )} initial hideNavBar /><Scene icon={({focused}) => (<Icon name="album" /> )} hideNavBar /></Tabs></Stack>
(Note that I've only included code related to my problem, nothing else)
Icons for Tab navigators with tabBarPosition={true}
should be available in the component, as is evident in react-navigation
's createMaterialTopTabNavigator
as well as the documentation of react-native-router-flux
, and I'm not sure if I'm doing something wrong or if this feature is not implemented for a reason.