Navigator.NavigationBar as a component

[ButuzGOL]

Can't move NavBar as a component
Two examples

First -> Works

<Navigator
 renderScene={this.renderScene.bind(this)}
 navigationBar={
 <Navigator.NavigationBar routeMapper={NavigationBarRouteMapper} />
 }
/>

Second -> Not working

var NavBar = React.createClass({
 render() {
 return <Navigator.NavigationBar routeMapper={NavigationBarRouteMapper} />
 }
});

<Navigator
 renderScene={this.renderScene.bind(this)}
 navigationBar={
 <NavBar />
 }
/>

[ide]

You probably need to pass forward all of the props. Try this:

 <Navigator.NavigationBar {...this.props} routeMapper={NavigationBarRouteMapper} />

Also if NavigationBar has any instance methods on it that the Navigator calls, you will need to forward those calls.

[nigeman]

@ide A quick silly question. But is it possible to not use:

<Navigator.NavigationBar
routeMapper={NavigationBarRouteMapper}
style={styles.navBar}
/>

in the Navigator navigationBar param? The reason is. I want to create a list of tabs and have access to the Navigator Context so I can use navigator.push without using the standard NavigationBarRouteMapper

[ide]

You can override the props you don't want. For example if you add "style=[customStyle]" to the list of props it will override the forwarded style from {...this.props}.

[ButuzGOL]

@ide Thanks works fine