React Navigation 入门（一） - StackNavigator 快速入门

RN 版本：0.50
操作环境：Windows 10
React Navigation 版本：1.0.0-beta.20

文章同步自简书：http://www.jianshu.com/p/dece7a09c6bf

前言

Navigator（导航器）是用来进行场景（页面）切换的组件，但是由于它的各种缺陷，从 0.44 开始，就被 fb 移除了，并且推荐大家使用更方便的 React Navigation 。

React Navigation 改进并取代了多个导航库，目前仍然在继续完善中。它包含 StackNavigator、TabNavigator 和 DrawerNavigator，你还可以自定义导航器。由于我也是跟着官方文档刚刚学，打算边学边总结加深印象，同时给大家一个参考（英文文档我看着实在很累）。不出意外，应该会写上好几篇。

StackNavigator 实现最基本的页面跳转

StackNavigator 一次渲染一个屏幕，并提供屏幕之间的转换。当一个新的屏幕打开时，它被放在栈顶位置。

首先安装 React Navigation：

yarn add react-navigation

然后导入到项目中（这里我们只用到了 StackNavigator）：

import {StackNavigator} from 'react-navigation';

下面的例子来源于 官网，我在其基础上加以说明，直接上代码。

const HomeScreen = () => (
    <View style={
   {
   flex: 1, justifyContent: 'center', alignItems