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"