Custom NavBar has no ability to pass props

[naji247]

Hey guys, I really like your work on this repo.

I'm trying to pass a titleview as my navbar into my router.

const scenes = Actions.create(
    <Scene key="root" navBar={TitleView}>
      <Scene key="RankScreen" initial={true} component={RankScreen} title="DogShow"/>
      <Scene key="LeaderScreen" hideNavBar={true} component={LeaderScreen} title="LeaderScreen"/>
    </Scene>
);

But what I need is to pass props in.

const scenes = Actions.create(
    <Scene key="root" navBar={<TitleView title="eifj"></TitleView>}>
      <Scene key="RankScreen" initial={true} component={RankScreen} title="DogShow"/>
      <Scene key="LeaderScreen" hideNavBar={true} component={LeaderScreen} title="LeaderScreen"/>
    </Scene>
);

Do you have any recommendations? Also, what is the specific purpose of the root scene? Is it necessary?

[aksonov]

just use

navBar={Title} title="eifj"

title should be passed to Title automatically.

[naji247]

Using:

const scenes = Actions.create(
    <Scene key="root" >
      <Scene key="RankScreen" button="leader" navBar={TitleView} initial={true}  component={RankScreen} title="DogShow"/>
      <Scene key="LeaderScreen" hideNavBar={true} component={LeaderScreen} title="LeaderScreen"/>
    </Scene>
);

I still get:

When I want:

[ylquankai]

You can try to use this.props.scene.navigationState.data to get props.

[aksonov]

@naji247 I can't reproduce it. Please change Example accordingly to show the problem.

[molo0]

I think I have a same question like this.
I want to pass props to custom NavBar like
<Scene key='menu' component='menu' navBar={<Toolbar istrue={true}/> }/>
But It doesn't work. Is there any recommendations?