'use strict';
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, } from 'react-native';
import { Navigator } from 'react-componet'
let Route = Navigator.Route;

class app extends Component {
  // router配置可查看 react-router
  routeConfig(){
    return (
      <Route path="/" component={IndexView}>
        <Route path="about" component={AboutView} >
          <Route path="inbox" component={InboxView}/>
          <Route path="messages/:id" component={MessageView} />
        </Route>
        <Route path="*" component={_404View}/>
      </Route>
    );
  }

  render() {
    return (
      <Navigator
        defaultTitle={{ text: 'Title', }}
        defaultLeftButton={{ text: 'Back', }}
        defaultRightButton={{ text: 'Forward', onPress:()=> Navigator.pop() }} 
        defaultBarTintColor='#2112'
        configureScene={Navigator.SceneConfigs.FloatFromBottom} 
      >
        {/* route 可嵌套定义. */}
        {this.routeConfig()}
      </Navigator>
    );
  }
}

{
  component:      PropTypes.node,
  barTitle:       this.PropTypes.defaultTitle       // 当无此属性时使用defaultBarTitle属性.
  barLeftButton:  this.PropTypes.defaultLeftButton  // 当无此属性时使用defaultBarLeftButton属性.
  barRightButton: this.PropTypes.defaultRightButton // 当无此属性时使用defaultBarRightButton属性.
  barTintColor:   this.PropTypes.defaultBarTintColor// 当无此属性时使用defaultBarTintColor属性.
  barHidden:      PropTypes.bool.
  translucent:    PropTypes.bool     // 是否半透明（仅ios）
  configureScene: Navigator.SceneConfigs.FloatFromBottom // 动画信息
}

    {
       text:       PropTypes.string,
       tintColor:  PropTypes.string,
       image:      Image.propTypes.source (仅ios)
       style:      PropTypes.object,
     }

     {
        text:             PropTypes.string.isRequired,
        tintColor:        PropTypes.string,
        onPress:          PropTypes.func,   /* 方法形式为 function(navigator),
                                              如果对象存在属性 onLeftButtonPress/onRightButtonPress 则使用属性指定的方法, 
                                              否则才使用此属性指定的方法; 
                                              寻找按钮事件的顺序为: navigator.onLeftButtonPress > route.barLeftButton.onPress > defaultBarLeftButton.onPress
                                              如果任何事件都没有, leftButton默认为pop()后退.*/
        style:            PropTypes.object,
     }

            {
            barTitle:       this.PropTypes.defaultTitle       // 当无此属性时使用defaultBarTitle属性.
            barLeftButton:  this.PropTypes.defaultLeftButton  // 当无此属性时使用defaultBarLeftButton属性.
            barRightButton: this.PropTypes.defaultRightButton // 当无此属性时使用defaultBarRightButton属性.
            barTintColor:   this.PropTypes.defaultBarTintColor// 当无此属性时使用defaultBarTintColor属性.
            barHidden:      PropTypes.bool.
            translucent:    PropTypes.bool     // 是否半透明（仅ios）
            configureScene: Navigator.SceneConfigs.FloatFromBottom // 动画信息
            passProps:      PropTypes.object   // 可将属性传递给页面
            }