React-Native之Navigator

原创 2017年01月03日 15:43:09

Navigator 简单使用。详细介绍,请看React-Native中文官网#navigator


  • navigator 单标签
<Navigator />
  • navigator 三个重要属性
/* 关键代码 */
import RootView from '您的路径';/* RootView 首字母大写 */

var rootRoute = {
    component: RootView,//组件
    title: this.state.title,
    /* 这里除了component外,其余多参数的话,可以合并参数param: json */
};

<Navigator 
    /* 根路由 */
    initialRoute={rootRoute}

    /* 场景跳转配置 */
    configureScene={(route) => {
        return Navigator.SceneConfigs.PushFromRight;
    }}

    /* 场景渲染 */
    renderScene={(route, navigator) =>{
        var Component = route.component;
        return (
            <Component 
                navigator={navigator}
                title={route.title}
                //传参 可以在这里设置属性 通过route.title
            />
        );
    }}
    style={{flex: 1}}
/>
  • navigator 跳转
    /* push的页面 */
    var nextRoute = {
        component: MessageComponent,//新页面
        title: str,
    };

    this.props.navigator.push(nextRoute);
    //this.props.navigator.pop();

个人笔记

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

React-Native傻瓜式学习笔记(二):封装Navigator工具类

最近国内外使用React-Native写APP的公司越来越多了,我们公司也不甘落后,将使用React-Native重写APP这个事提上了日程。然而这个任务落到我头上的时候,我本人作为一个Android...

React-Native中navigator.pop()后如何更新前一个页面

1、问题提出React-Native中navigator.pop()后如何更新前一个页面,这是一个最为常见得问题。2、问题的描述比如说,我们开发应用的时候,上传头像是一个最为常见的功能,我点击选择打开...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

react native Navigator 属性传参应用

react native Navigator 属性传参应用 1、命令行创建、运行: react-native init myrnprj1 // 创建工程 cd myrnprj1 react...

React Native Navigator 引入的那些坑

讲诉一下进入Navigator的那些错误。 当要引入Navigator的使用通常的做法是: import {Navigator} from "react-native" 当我们进行执行react na...

React Native学习笔记(4)--Navigator

React 学习笔记一、Navigator Navigator还有一个兄弟组件NavigatorIOS,但是NavigatorIOS只能在IOS中使用,在Android中不能使用,而Navigator...

React Native之导航器Navigator实现导航功能(二)

1、上一篇我们实现了一个界面跳转的小功能,这一篇我们的目标是利用Navigator实现一个tab切换的功能。要实现这个功能,就不得不对Navigator这个组件有足够的了解。 上一篇我们知道了,in...

React Native的Navigator详解

来自Leo的原创博客,转载请著名出处我的stackoverflow前言 除了极少数特殊设计的App,导航都是一个App重要组成的部分。导航栏能够维护一个导航堆栈,能够让用户清楚的知道自己当前所处的...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)