React Native开发之React Navigation的StackNavigator 详解

RN的开发中，很多时候需要导航或者跳转，那么就来看看具体怎么使用，在rn之前的版本中有一个navigator可以使用的，但是现在的版本已经更新，所有与导航相关的都放在了React Navigation中

第一步：安装React Navigation

打开命令行使用npm安装即可

npm install --save react-navigation

第二步：建立跳转前的页面StackNav.js,并导出StackNavigator ，代码如下：

import React,{Component} from 'react';
import { View,Button } from 'react-native';
import {StackNavigator} from 'react-navigation';

import HomeScreen from './app/pages/HomeScreen';

class StackNav extends Component{

    render(){
        return (
            <View>
                <Button 
                    onPress={()=>this.props.navigation.navigate('HomeScreen',{user:'tujiawang'})}
                    title="点击跳转到主页"
                    color="#841584"