React-Native 环境搭建

一.简简介

对，你没有看错就是简简介，因为一句话概括，我想说的是，React Native开发的APP不是web APP还是原生APP，不过是通过js可以和原生组件库结合。

二、搭建Android开发环境

因为本人是做Androi的，也没有mac电脑，所以这里只讲解Android开发环境的搭建

安装nodejs，python（版本为2，不要高于3）

然后安装React Native的命令行工具：

npm install -g yarn react-native-cli

安装Android studio及sdk，jdk，并配置java及sdk的环境变量

三.HelloWorld

新建项目：

react-nativie init rndemo(项目名称)

如果新建过程中报错，可能的原因有：首先判断node是否安装成功，使用上述图片方法验证

新建成功项目目录如下：

运行项目：
react-native run-android,（真机上运行和android开发一样）

运行成功后则会在app上看到效果

测试的第一个项目中，运行后会有红色bug，详细原因不清楚，等上班时再去研究一下那个有错误的demo，刚刚入门Rn开发Android，希望多多交流。

React-Native 环境搭建相关推荐

逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
React Native 环境搭建步骤
之前一直用RN写APP,但是真正对于RN的安装以及环境配置缺不太了解.相当于站在巨人的肩膀.这次,研究RN的同事离职,所以这块儿就必须要接手.从新搭建了一次环境.在此记录一下. 一.RN环境搭建的必须 ...
React Native 环境搭建
搭建开发环境在React Native官网 https://reactnative.cn/docs/environment-setup 网址上有两种环境,一种完整原生环境,所谓原生环境, RN之所以 ...
webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
工具准备: SDK Android SDK Build-tools:23.0.1 SDK Platform:Android N .6.0 .5.1.1.5.0.1.4.4.2.4.1.2 Androi ...
React native 环境搭建遇到问题解决(android)
新建项目 react-native init TestApp 运行项目 react-native run-android 不好意思,错误马上就到了问题一通常遇到这个错误之后,系统会给出这个具体详情 ...
Mac M1 搭建 React Native 环境
Mac M1 搭建 React Native 环境环境安装可以参考对照官方文档,本文针对M1芯片目前未完全适配情况下的方案,算是临时解决方案,不具有时效性. 你需要自行准备的依赖:Xcode &g ...
史上最详细Windows版本搭建安装React Native环境配置
说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特 ...
react native windows 搭建（完整版）
声明:用windows 搭建的react native只能开发安卓应用 1.准备安装java jdk,以及Android SDK 传送门: java JDK Android SDK(自行寻找) ...
React Native 环境配置
搭建环境笔记记录: 搭建开发环境安装node, watchman brew install node brew install watchman 复制代码设置镜像加速 npm config set ...
React 开发环境搭建
先来一个 React 官方文档的链接点击跳转搭建 React 的前期准备:你的本地环境需要安装 cnpm.node. 注:代码块中的 $ 代表: $后面是在命令行输入的命令,举例 $ npm s ...

React-Native 环境搭建

React-Native 环境搭建相关推荐

最新文章

热门文章