4
React-Nativeのナビゲーターコンポーネントによるカスタムナビゲーション
コンポーネントの助けを借りてビュー間のカスタムナビゲーションを備えたデモアプリを開発しながら、React Nativeの可能性を探ってい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 }); } }} /> ); } } …