React-Nativeを使用したアプリケーションのナビゲーション

Question

Reactネイティブ開発（およびコンポーネントベースの開発も）から始まり、アプリケーションの整理方法に疑問があります。

私のアプリケーション画面に関する最初のことです。すべてのページを1つの.JSファイルにコンポーネントとして保存する必要がありますか？私はReact-Nativeナビゲータを使用してそれらを含める必要がありますか？

ありがとうございます！

Answer 1

はい、オブジェクトを1つのjsファイルに保存することができます。

import Login from './components/Login'; 
import Welcome from './components/Welcome'; 

export default { 
    Login: { 
    index: 'login', 
    component: Login 
    }, 
    Welcome: { 
    index: 'welcome', 
    component: Welcome 
    } 
} 

index.ios.jsで

またはindex.android.js、あなたがinitialRouteでナビゲーターを使用することができます。例：Store.jsについて

<Navigator 
    initialRoute={Store.Login} 
    renderScene={(route, navigator) => 
    <Text>Hello {route.title}!</Text> 
    } 
/> 

その後、ナビゲーションの流れを作るために、他の子コンポーネントに小道具navigatorを渡すことができます。