分类导航

React Native 之组件化开发

发布时间：2016年11月07日

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('./组件名');

分类导航

React Native 之组件化开发

React Native组件化介绍

延伸阅读

我想了解如何学习

分类导航

React Native 之 组件化开发

React Native组件化介绍

延伸阅读

我想了解如何学习

React Native 之组件化开发