自己有android原生开发的经验,但是现在是一名web前端工程师,熟悉完react这个框架之后,最近在上手react-natvie这个框架,使用JavaScript和React编写原生移动应用这是官方对react-native的定义.让我们先来看一段代码.
import React, { Component } from 'react';
import { Text, View } from 'react-native';
class WhyReactNativeIsSoGreat extends Component {
render() {
return (
<View>
<Text>
如果你喜欢在Web上使用React,那你也肯定会喜欢React Native.
</Text>
<Text>
基本上就是用原生组件比如'View'和'Text'
来代替web组件'div'和'span'。
</Text>
</View>
);
}
}
//熟悉react的朋友应该都看得懂这个代码
那我们接下来搭建环境试一试,官方推荐安装android studio 主要是使用它的SDK和模拟器
1.首先安装脚手架npm install -g yarn react-native-cli
2.安装完之后就可以创建一个react-native的项目了 使用react-nativeinit AwesomeProject
3.创建完之后想调试这个程序就需要开始搭建android的开发环境了
配置sdk的环境,已经adb的环境
推荐直接安装android studio http://www.android-studio.org/ 下载链接在这里.
具体操作如下:
1.打开控制面板
->系统和安全
->系统
->高级系统设置
->高级
->环境变量
->新建
,创建一个名为ANDROID_HOME
的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录 例如我自己的是F:/android/sdk
2.打开控制面板
->系统和安全
->系统
->高级系统设置
->高级
->环境变量
,选中Path变量,然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。例如我自己的是F:/android/sdk/platform-tools
3.敲命令adb-V出现版本号就证明adb的环境变量已经搭建好了
到这里环境已经搭建好了 就开始使用react-native run-android 来跑一跑这个项目
现在app已经跑起来了,支持热更新. Ide的话个人推荐Vs Code,功能强大非常好用.