React Native 篇之 自定义组件、引入组件、页面跳转

  

    通常学习一门新的语言的时候，特别是前端开发，最怕的就是在一个页面堆积代码。

    当开始学习RN（React Native的简称），各种demo练习，各种抄，各种啪啪啪，这个问题也就自然而然的暴露了出来，满满一大篇鸡肠子，自己看着都恶心！！！

    感觉写那些博客或是书的人是故意的，无非就是想引出-——如何用组件的方式开发。类似于iOS里面类的封装。

   各种翻书之后，小白终于找到解决办法。请看下文：

   

   1.新建一个js文件：command+n 命名为 ——MoreController.js 保存到index.ios.js 同一根目录下

     也就是,创建一个组件

    MoreController.js 代码如下:

  'use strict';

  var React = require('react-native');

  var {

    AppRegistry,

    StyleSheet,

    View,

    Text,

  } = React;

  var MoreViewController = React.createClass({

    render() {

      return(

        <View style={[styles.scene, {backgroundColor:'#FFF1E8'}]}>

           <Text>You came here from the "right" button!</Text>

        </View>

      );

    }

  });

  var styles = ({

      scene: {

        padding: 10,

        paddingTop: 74,