<强>一、NavigatorIOS组件介绍
<强> 1,组件说明
使用NavigatorIOS我们可以实现应用的导航(路由)功能,即实现视图之间的切换和前进,后退。并且在页面上方会有个导航栏(可以隐藏)。
NavigatorIOS组件本质上是对UIKit导航的包装。使用NavigatorIOS进行路由切换,实际上就是调用UIKit的导航。
NavigatorIOS组件只支持iOS系统.React本机还提供了一个iOS和Android都通用导航组件:导航器。这个以后再说。
<强> 2组件的属性
(1) barTintColor:导航条的背景颜色
(2)initialRoute:用于初始化路由。其参数对象中的各个属性如下:
{
组件:函数//加载的视图组件
标题:字符串,//当前视图的标题
passPros:对象,//传递的数据
backButtonIcon: Image.propTypes。源,//后退按钮图标
backButtonTitle:字符串,//后退按钮标题
leftButtonIcon: Image.propTypes。soruce,//左侧按钮图标
leftButtonTitle:字符串,//左侧按钮标题>
从“进口proptype prop-types ';
进口的反应,从“反应”{组件};
从“react-native”进口{NavigatorIOS、文本};
从“react-native”进口{NextScene};
出口的默认类NavigatorIOSApp扩展组件{
呈现(){
回报(
& lt; NavigatorIOS
initialRoute={{
组件:MyScene,
标题:“初始化第一个场景”,
}}
风格={{flex: 1}}/比;
);
}
}
类MyScene扩展组件{
静态proptype={
标题:PropTypes.string.isRequired,
导航器:PropTypes.object.isRequired,
}
_onForward=()=比;{
this.props.navigator.push ({
组件:NextScene
标题:“第二个场景”
});
}
呈现(){
回报(
& lt; View>
& lt; Text>当前场景:{this.props。标题}& lt;/Text>
& lt; TouchableHighlight>
出口的默认类NextScene扩展组件{
呈现(){
回报(
& lt; View>
& lt; Text>这是第二个场景& lt;/Text>
& lt;/View>
）
}
}
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
