React Native中NavigatorIOS组件的简单使用
发布时间:2020-12-15 06:35:30 所属栏目:百科 来源:网络整理
导读:NavigatorIOS 导航 NavigatorIOS是React Native自带的导航组件,下面是它的简单应用。 初始化第一个场景 import PropTypes from 'prop-types';import React,{ Component } from 'react';import { NavigatorIOS,Text } from 'react-native';import { NextScen
NavigatorIOS 导航NavigatorIOS是React Native自带的导航组件,下面是它的简单应用。
import PropTypes from 'prop-types'; import React,{ Component } from 'react'; import { NavigatorIOS,Text } from 'react-native'; import { NextScene } from 'react-native'; export default class NavigatorIOSApp extends Component { render() { return ( <NavigatorIOS initialRoute={{ component: MyScene,title: '初始化第一个场景',}} style={{flex: 1}} /> ); } } class MyScene extends Component { static propTypes = { title: PropTypes.string.isRequired,navigator: PropTypes.object.isRequired,} _onForward = () => { this.props.navigator.push({ component:NextScene title: '第二个场景' }); } render() { return ( <View> <Text>Current Scene: { this.props.title }</Text> <TouchableHighlight onPress={this._onForward}> <Text>前往下一个场景</Text> </TouchableHighlight> </View> ) } }
export default class NextScene extends Component { render() { return ( <View> <Text>这是第二个场景</Text> </View> ) } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读