使用React-Native導航應用程序

Question

我開始使用React Native開發（也是基於組件的開發），我對如何組織我的應用程序感到懷疑。

它是關於我的應用程序屏幕的第一件事。每個頁面都必須存儲在單個.JS文件中？我必須使用React-Native導航器幷包含它們？

非常感謝！

Answer 1

是的，你可以將組件存儲到一個單獨的js文件中，就像一個對象。

例如Store.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：

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

然後你就可以通過道具navigator另一個孩子組件，使導航流程。