{
 component: function, //加載的視圖組件
 title: string, //當(dāng)前視圖的標(biāo)題
 passPros: object, //傳遞的數(shù)據(jù)
 backButtonIcon: Image.propTypes.source, // 后退按鈕圖標(biāo)
 backButtonTitle: string, //后退按鈕標(biāo)題
 leftButtonIcon: Image.propTypes.soruce, // 左側(cè)按鈕圖標(biāo)
 leftButtonTitle: string, //左側(cè)按鈕標(biāo)題
 onLeftButtonPress: function, //左側(cè)按鈕點(diǎn)擊事件
 rightButtonIcon: Image.propTypes.soruce, // 右側(cè)按鈕圖標(biāo)
 rightButtonTitle: string, //右側(cè)按鈕標(biāo)題
 onRightButtonPress: function, //右側(cè)按鈕點(diǎn)擊事件
 wrapperStyle: [object Object] //包裹樣式
}

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: '初始化第一個(gè)場景',
    }}
    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: '第二個(gè)場景'
  });
 }

 render() {
  return (
   <View>
    <Text>Current Scene: { this.props.title }</Text>
    <TouchableHighlight onPress={this._onForward}>
     <Text>前往下一個(gè)場景</Text>
    </TouchableHighlight>
   </View>
  )
 }
}

export default class NextScene extends Component {

 render() {
  return (
   <View>
    <Text>這是第二個(gè)場景</Text>
   </View>
  )
 }
}