6、React Native 组件与样式全解析

React Native 组件与样式全解析

1. 使用导航器

<ListView> 是将多个视图组合成更实用交互的典型例子。而更高级的是，我们可以使用 <Navigator> 等组件来呈现应用的不同屏幕，就像网站有不同页面一样。

1.1 <Navigator> 介绍

<Navigator> 是一个微妙但重要的组件，在许多常见应用中都有使用。例如，iOS 设置应用可以通过 <Navigator> 和多个 <ListView> 组件组合实现。Dropbox 应用也使用了导航器。

<Navigator> 允许应用在不同屏幕（通常称为“场景”）之间进行过渡，同时维护一个路由“栈”，这样你就可以进行推入、弹出或替换状态的操作。这类似于 Web 上的历史记录 API。“路由”是屏幕的标题，再加上一个索引。

在设置应用中，初始时栈是空的。当你选择一个子菜单时，初始场景会被推到栈上。点击屏幕左上角的“返回”，它会从栈中弹出。

如果你想了解具体实现，UIExplorer 应用有一个很好的演示，展示了使用导航器 API 的各种方式。

1.2 <Navigator> 与 <NavigatorIOS> 的选择

实际上有两种导航