React-native-router-flux: Problem: All tabs setting same title & One navigation bar for all tabs

Created on 20 Feb 2018  路  7Comments  路  Source: aksonov/react-native-router-flux

Version

Tell us which versions you are using:

  • react-native-router-flux 4.0.0-beta.28
  • react-native v0.53.3

Hello,
I want only one NavigationBar on my tabbar but when i hide navbar in below scene, all navbar is gone.

Also when i set top scene title something else, all tabs title is setting same. How can i prevent this ?

Thank you, best regards.

Image
https://i.hizliresim.com/jy6nQg.jpg

My Codes

<Scene key="tabbar" tabs hideNavBar={false} title='Plakapedi' rightTitle=" Ara" onRight={() => Actions.studentCreate()} leftTitle=" " onLeft={() => (null)} titleStyle={{ textAlign: 'center', alignSelf: 'center', }}
>
<Scene onRight={() => Actions.studentCreate()} rightTitle=" Yeni" type={ActionConst.RESET} key="tab1" component={StudentsList} title="Bug眉n" /> <Scene onRight={() => Actions.studentCreate()} rightTitle=" Yeni" type={ActionConst.RESET} key="tab2" component={StudentsList} title="G眉ndem" /> <Scene onRight={() => Actions.studentCreate()} rightTitle=" Yeni" type={ActionConst.RESET} key="tab3" component={StudentsList} title="Favoriler" /> </Scene>

4.0.0-beta.28

Most helpful comment

Tab Scene (child within Tabs)

A Scene that is a direct child of Tabs and can use all props listed above in Scene

Property | Type | Default | Description
-- | -- | -- | --
icon | component | undefined | a React Native component to place as a tab icon
tabBarLabel | string | 聽 | The string to override a tab label

All 7 comments

Tab Scene (child within Tabs)

A Scene that is a direct child of Tabs and can use all props listed above in Scene

Property | Type | Default | Description
-- | -- | -- | --
icon | component | undefined | a React Native component to place as a tab icon
tabBarLabel | string | 聽 | The string to override a tab label

@Blapi Thank you a lot ! But how about the hide tabs navigation bar ? When i use hideNavBar, it is hide all NavBar. I want only hide tabs navigationbar.

Best regards.

Try hideNavBar in your Tab Scene?

@Blapi I already did. It is hide all navbar. I want to stay my top NavBar.

Show me your code again please?

If you just apply this to your Tab Scene : type={ActionConst.RESET} key="tab1" component={StudentsList}, is it ok?

@Blapi Image MyCodes

In your Tab Scenes :

Remove onRight, rightTitle, title, hideTabBar. Use tabBarLabel instead

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sylvainbaronnet picture sylvainbaronnet  路  3Comments

rafaelcorreiapoli picture rafaelcorreiapoli  路  3Comments

fgrs picture fgrs  路  3Comments

willmcclellan picture willmcclellan  路  3Comments

maphongba008 picture maphongba008  路  3Comments