前言
此文完全参考React-Native中文社区的博客新手理解navigator的教程而来,建议直接跳转链接进行详细学习,为防止链接失效或不可抗力因素无法访问,个人整理简单记录如下.
开始
由于前一篇文章将代码进行了分层整理,所以我们的index.android.js
已经变得相对简洁
index.android.js
'use strict';
import React,{Navigator,AppRegistry} from 'react-native';
{
/**引入Login组件 */}
import Login from './src/login/Login.js';
class TaraRn extends React.Component {
render() {
{
/** 默认组件名称以及默认组件 */}
let defaultName = "Login";
let defaultComponent = Login;
return (
<Navigator
//初始化组件
initialRoute={
{ name: defaultName, component: defaultComponent }}
//页面切换效果
configureScene={(route) => {
return Navigator.SceneConfigs.VerticalDownSwipeJump;
}}
renderScene={(route, navigator) => {
let Component = route.component;