使用 React-NativeNavigator 组件进行自定义导航

我正在探索 本土反应的可能性，同时开发一个演示应用程序与自定义导航之间的意见与 Navigator组件的帮助。

主应用程序类呈现导航器，renderScene内部返回传递的组件:

class App extends React.Component {
render() {
return (
<Navigator
initialRoute={{name: 'WelcomeView', component: WelcomeView}}
configureScene={() => {
return Navigator.SceneConfigs.FloatFromRight;
}}
renderScene={(route, navigator) => {
// count the number of func calls
console.log(route, navigator);


if (route.component) {
return React.createElement(route.component, { navigator });
}
}}
/>
);
}
}

目前，应用程序包含两个视图:

class FeedView extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>
Feed View!
</Text>
</View>
);
}
}


class WelcomeView extends React.Component {
onPressFeed() {
this.props.navigator.push({
name: 'FeedView',
component: FeedView
});
}


render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome View!
</Text>


<Text onPress={this.onPressFeed.bind(this)}>
Go to feed!
</Text>
</View>
);
}
}

我想弄明白的是:

• 我在日志中看到，当按下“ go to feed”时，renderScene被调用了好几次，尽管视图只呈现了一次。这就是动画的工作原理吗？

  index.ios.js:57 Object {name: 'WelcomeView', component: function}
  index.ios.js:57 Object {name: 'FeedView', component: function}
  // renders Feed View
  

• Generally does my approach conform to the React way, or can it be done better?

What I want to achieve is something similar to NavigatorIOS but without the navigation bar (however some views will have their own custom navigation bar).