使用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传递给另一个子组件来制作导航流。