react-native 使用 react-native-router-flux 进行导航

使用 npm install --save react-native-router-flux 安装

在 react-native-router-flux 中，每条路由称为 <Scene>

<Scene key="home" component={LogIn} title="Home" initial />

key 一个唯一的字符串，可用于引用特定场景。

component 显示哪个组件，这里是它

title 制作一个 NavBar 并给它一个标题’Home'

initial 这是 App 的第一个屏幕

例：

import React from 'react';
import { Scene, Router } from 'react-native-router-flux';
import LogIn from './components/LogIn';
import SecondPage from './components/SecondPage';

const RouterComponent = () => {
  return (
    <Router>
      <Scene key="login" component={LogIn} title="Login Form" initial />
      <Scene key="secondPage" component={SecondPage} title="Home" />
    </Router>
  );
};

export default RouterComponent;

在主 App.js（索引文件）中导入此文件并进行渲染。有关更多信息，请访问此链接 。