React Native开发/运行环境搭建

于 2022-03-23 16:40:06 发布
阅读量4.1k 收藏
点赞数
分类专栏： react 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y974066017/article/details/123685136
版权

一、React Native概述

 React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。

 相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。

原理：RN应用中的JS代码，在开发运行阶段会被编译为原生的Java或OC代码

 RN英文官网：https://reactnative.dev/

 RN中文网：https://www.react-native.cn/

最低0.47元/天 解锁文章
唯唯诺诺码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native项目运行流程
牛八少爷的专栏
08-26 1367
目录 1.创建新项目 2. 运行流程 3. 流程图 1.创建新项目 ## RNApp 项目名称 react-native init RNApp --version 0.55.4 参考：创建指定版本的react-native项目 2. 运行流程 1. run-android运行 react-native run-android run-android运行后从项目目录的node...
react-native基本介绍
wejdsjja的博客
09-05 3209
什么是RNRN特点谁在使用RNRNRN英文全称，是Facebook于2015年4月开源的跨平台移动应用开发框架，也是Facebook早先所开源的JavaScript框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript和React中类似于html的JSX，以及css来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以快速进入移动应用开发领域。
超详细React Native环境搭建以及运行项目（Windows环境）
Crayon。博客
08-28 4585
超详细React Native环境搭建以及运行项目（Windows环境） 本文章以本人使用的 0.59 RN版本为例，其他的版本大同小异，具体可前往RN官网参考对应的教程 https://reactnative.cn/versions 一、配置基本的开发环境 Node, Python2, JDK Node 的版本必须大于等于 10 (RN 0.59 版本建议10.x, 之前我装最新版12.x, 因版本过高导致项目跑不起来, RN 0.61 以上才要求 Node 版本 12.x) Python 的版本必
react-native搭建环境遇到的坑
【03】的博客
11-29 1327
根据文档搭建环境 https://reactnative.dev/docs/environment-setup 坑1 错误信息 react-native报错Exception in thread "main" java.lang.RuntimeException react-native run-android 会下载gradle编译器，由于网络问题，可能下载失败 解决 https://web03.cn/blog/161 坑2 项目目录不能包含中文以及特殊符号，项目名称不能是关键字也不能有特殊符号 坑3
React-native JS运行环境。判断运行环境
G_ZZH的博客
06-04 2356
React-native 运行环境
VSCode搭建React Native环境
11-21
安装 React Native Tools 在插件市场搜索 react 找到 React Native Tools 进行安装： 创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在...
React Native 环境搭建的教程
12-03
一直对 RN 充满了好奇，前段时间学习并实际使用 RN 来开发了一个简单的...$ npm install -g react-native-cli $ npm install -g react-devtools // debug工具，可选 创建应用 只要运行下面的命令就可以创建一个名为
使用Win10+Android+夜神安卓模拟器,搭建ReactNative开发环境
01-04
反手就是一重锤，我就是不装，第一开发的很多工作都不需要这个IDE，第二运行起来还很吃内存，经过实践有如下的教程，请大家指教。 安装 git 不说了，我相信你早就安装了，有需要的参考：...
ReactNative应用设备运行(Running)以及调试(Debugging)
02-25
前面我们已经对ReactNative的环境搭建以及开发的IDE做了相关的讲解，今天我们的主要讲解的是应用设备运行(Running)以及调试方法(Debugging)。本节的前提条件就是大家已经搭建了ReactNative的相关环境。需要运行和...
ReactNative用javascript开发移动应用
05-05
《React Native：用JavaScript开发移动应用》围绕着如何将一个完整App提交到App Store，讲解了使用React Native开发iOS应用所涉及的方方面面。首先介绍了Flexbox布局，教大家从零开始搭建一个初始应用，以此阐明...
下载及运行Github的React Native开源项目
持续学习中
08-10 5933
接下来给大家讲解如何将Github上的开源React Native项目下载后在本地运行编译起来，和其他普通的项目不同，React Native的麻烦些。 本文以Github上的一个开源项目，亲戚称谓计算器为例：https://github.com/uniquexiaobai/rn-counter-relative 1、下载项目。 可以通过Git下载：git clone
使用WebStorm创建/运行/调试React Native项目
热门推荐
houtrry的专栏
04-25 2万+
说在前面 使用的WebStorm版本是2017.1.1. 一. 创建React Native项目 1.File->New->Project 2.在New Project窗口中选择React Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create
react-native 运行
Jul的博客
07-06 588
1.链接手机，需要打开USB调试 2.启动之前 先看android/app/src/main/下有没有index.android.bundle文件，没有的话我们在这个main目录下创建一个文件夹assets，执行命令：react-native bundle --platform android --dev false --entry-file index.js --bundle-out put android/app/src/main/assets/index.android.bundle --assets
react-native 下载的项目怎么run起来
u011194397的专栏
06-02 4582
1.第一步 (如果出错权限问题，sudo + npm（下面命令行）) npm install -g React-native-cli (安装全局的好了之后react-native upgrade这个命令可以运行) 命令行工具  2.安装  npm install  建议：慢的时候用下面的 npm install -g --registry=https://registry.npm
react-native全栈项目搭建
吴纯玲的博客
11-09 2100
先贴上最终成果代码地址：https://gitee.com/wuchunling/reactNativeApp.git 再贴上最终最终成果效果图：（在Android模拟器运行效果图） reactNativeApp 项目介绍 这是一个搭建好的react native项目架构，采用react-native官方推荐的react-navigation导航库，项目StackNavigator与T...
运行react-native官方Examples步骤总结(Windows)
码农的成长
02-14 3869
学习react-native就跟当初学习android一样，环境搭建完毕，代码也不知道怎么写，如果也没有demo运行一下看看这是个什么东西，总觉得RN很神秘复杂的样子。FaceBook官方早已经给我们准备了很好的学习资料，就是github上的官方demo，那如何跑到模拟器上，官方的介绍是相当简洁，但既然是官方的，那就按照人家说的试着做吧，同样作为初学者的我，耗费了两天时间才把这个demo运行到模拟器
ReactNative官网例子练习（四）——页面跳转
mingyunxiaohai的专栏
09-05 2492
开发一个应用，基本会有很多个页面，就像我们开发Android原生应用的时候，多个Activity 多个Fragment之间跳转 ，Rn中是怎么跳转的呢？答案就是通过导航器Navigator。 例子代码：/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React
RN实战项目主页(五)
kimi
04-12 2767
RN实战项目主页(五) 先看下效果图 底部的tab 用的一个第三方的开源库，或者想用原生的，react-navigationn 里面也有的， 传送门 本项目中用的是 react-native-tab-navigator import React, { Component } from 'react'; import { Text, Image, ...
RN打包环境指南
sunxiaopeng1012114的博客
11-10 424
Tips： 先看xcode跟研发所需要的版本是否一致，如果不一致，升级xcode的话，看是否需要系统升级，如果需要升级系统，先升级系统之后，再开始下面的操作，不然会遇到很多坑的！！！ 1、按照RN官网_中文文档安装环境： https://reactnative.cn/docs/getting-started.html 注意：按照这个流程安装到yarn之后，环境就安装结束了，要切换到我们的项目目录下，再执行2步骤，不然直接运行命令： yarn react-native info的时候就会报错： erro
react native环境搭建
最新发布
05-05
在开始 React Native 开发之前，需要先搭建相应的开发环境。下面是 React Native 环境搭建的步骤： 1. 安装 Node.js 和 npm React Native 使用 Node.js 和 npm 进行构建和管理依赖。可以从 Node.js 官网下载对应...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值