首页 > 其他 > 详细

Navigator导航器

时间:2017-12-06 00:37:47      阅读:252      评论:0      收藏:0      [点我收藏+]
import React, { Component } from ‘react‘;
import {
Platform,
StyleSheet,
Text,
View,
Navigator,
TouchableOpacity

} from ‘react-native‘;

/*
* 在ReactNative中,有两个实现导航功能的组件:Navigator和NavigatorIOS
* Navigator 同支持android和ios ; NavgatorIOS支持ios
* NavigatorIOS 相对有更对的属性和方法,在UI方面有更多的设置,如:backButtonIcon backButtonTitled onLeftButtonPress等等
*
* 如果想实现更多自定义,建议使用Navigator
*
* */

//1.实现导航功能,页面切换
//2.实现导航功能, 传值

/*
* 导航器通过路由对象(route)来分辨不同的场景,每个路由对象都对应一个页面组件,开发者设置什么,导航器显示什么,所以route是导航器中重要的一个对象
*
* 三步操作实现导航功能:
* 1.设置路由对象(告诉导航器要显示哪个页面)
* 创建路由对象,对象的内容自定义,但是必须包含该场景需要展示的页面组件
*
* 2.场景渲染配置(告诉导航器我要什么样的页面跳转效果)
*
* 3.渲染场景(告诉导航器如何渲染页面)
* 利用第一步设置的路由对象进行渲染场景
*
* */






Navigator导航器

原文:http://www.cnblogs.com/daxueshan/p/7990087.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!