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> ) } }