一、前言
RN到现在版本已经是0.57了,虽然还在疯狂的迭代中,不过已经是小步快走了!曾经一直想研究RN,怎奈迫于时间问题,未能如愿,现在JavaScript已经掌握的差不多了,条件成熟了!遂决定毅然决然的进入到RN的大军中。
RN的分析:
① 做UI快
②虽然不如原生,有限制,但可以结合混合开发的理念进行开发
③入门简单,能让前端快速开发App
④iOS&Android大部分代码通用
⑤code-push能做热更新,但是用不好依旧很坑
…
二、环境的搭建
ReactNative是前端技术和原生技术的结合体,不免也要进行前端的开发环境的配置,这个是ReactNative中文官方网站,按照官方步骤进行搭建都是可以顺利进行的,用我的一句话: “是个程序员都能做的事情,为啥你就不行??”
三、RN的集成方式:
1、从零搭建项目,同时搭建Android端和iOS端;请参考RN中文官网
2、已有原生项目集成RN,请参考RN集成到已有原生项目
本人已进行集成过了,按照文档上的说明就可以成功集成RN,文档中的代码段最好还是要看英文文档中的代码,否则容易出错。
四、关键字段介绍:
//导入React组件
import React, { Component } from "react";
//导入需要的组件,AppRegistry:这个API是注册函数用的
import { AppRegistry, StyleSheet, Text, View } from "react-native";
//export:导出组件,在外部可以使用 RNHighScores:类名, extends:继承
export default class RNHighScores extends Component {
//render:渲染UI部分的界面
render() {
return <Text style={{fonSize:20,backgroundColor:'red'}}>2048 High Scores!</Text>
}
}
//RNHighScores: 整体js模块的名称
AppRegistry.registerComponent("RNHighScores", () => RNHighScores);