React Native 之 组件化开发

React Native组件化介绍

• React Native的核心思想就是组件化，相当于MVC的view,因此开发应用的最佳方式就是将功能组件化
• 组件化最大的优点可以使Android和iOS能够很方便地用很少地代码使用同一套组件，增加代码的复用性
• React Native的组件化很简单，基本步骤如下
  • 引用需要的库
    
    
    

  // 引用 import React, { Component } from 'react'; import {
          需要用到的组件库
      } from 'react-native';

  • 实例化视图入口
    
    
    

  // 实例化视图入口 // 因为现在还是在想ES6转化过程中，为了更好的兼容性，这边使用的是ES5的格式 var 组件名 = React.createClass({
          render(){ return(
                  需要实例化的视图
              );
          }
      });

  • 视图样式入口
    
    
    

  // 视图样式入口 // 因为现在还是在想ES6转化过程中，为了更好的兼容性，这边使用的是ES5的格式 var styles = StyleSheet.create({
          相应视图的样式
      });

  • 注册并输出组件
    
    
    

  module.exports = 组件名;

• 生成组件后就可以在ios和android中使用生成后的组件了
  • 引入组件库
    
    
    

  // 引入组件库 var 自定义组件名 = require('./组件名');

  网友评论

  更多精彩分享

  学习是年轻人改变自己的最好方式