Navigator导航器

Posted 2020-10-16 Da雪山

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.渲染场景(告诉导航器如何渲染页面)
*  利用第一步设置的路由对象进行渲染场景
*
* */