search

ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 415 forks source link

Can i put these tabs on Top? #22

Closed BigPun86 closed 6 years ago

BigPun86 commented 8 years ago

Like Title says, i am trying to use this module as topBar Tabs for my Android Application. Tried several Navigator Tabs in the past, 'react-native-scrollable-tab-view' was actually my favourite, but there seems to be a lot of issues especially after updating my RN to 0.15

ide commented 8 years ago

Interesting idea - I think you could do this with the tabBarStyle prop (and tabBarShadowStyle prop to move the thin shadow down). It won't integrate nicely with a Navigation Bar but if you simply want tabs at the top it should be simply a matter of styling.

shohey1226 commented 8 years ago

As per android style guideline, tab should be top. And I used the below. (I'm using Navigator. If not, top may be 0)

<TabNavigator tabBarStyle={{top:56,}} tabBarShadowStyle={{bottom:0, top: null}} style={{paddingBottom:-50}}>
ptomasroos commented 6 years ago

Will close since this issue is more than a year, feel free to a open a new if this is still a issue.