码迷,mamicode.com
首页 > 其他好文 > 详细

Navigator导航器

时间:2017-12-06 00:56:12      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:场景   native   android   相对   重要   方法   告诉   页面   and   

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导航器

标签:场景   native   android   相对   重要   方法   告诉   页面   and   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!