ReactNative安装的点点滴滴

移动跨平台框架RN 安装ReactNative 【02】 搭建ReactNative环境根据你所使用的操作系统、针对的目标平台不同,具体步骤有所不同。如果想同时开发 iOS 和 Android 也没问题,你只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同。如果阅读完本文档后还碰到很多环境搭建的问题,我们建议你还可以再看看。注意!视频教程或者其他网络上的博客和文章可能和本文档有所出入,请以最新版本的本文档所述为准!iOSAndroid安装依赖必须安装的依赖有:Node、Python2、JDK 和 Android Studio。虽然你可以使用。 阅读详情

这一阵子RN技术沸沸扬扬的,身为攻城狮的寄几个怎能不尝试一下,却发现在Windows下安转RN好费劲。。。于是记录一下(盘符随意):

先说一下RN安装的参考网址英文网址:https://facebook.github.io/react-native/docs/getting-started.html#content;中文网址:http://reactnative.cn/docs/0.31/getting-started.html

前期准备(此处有点混乱):
以管理员身份运行cmd
https://chocolatey.org/install(只执行第一个cmd命令:((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin",结果是下一个chocolaty的压缩包)

然后进入soft里面把那两个文件安装(安装时直接点击下一步,执行这一步可以不执行上一步)
执行完后可用node-v检测一下

进入cmd命令行一条一条执行以下语句:
choco install nodejs.install
choco install python2
npm install -g react-native-cli
react-native init 工程名(也可以直接靠有初始化好的工程,可略去这一步)
cd 工程名
react-native run-android(运行此步骤前须经过以下步骤:)

1、坑:gradle版本须为24(把文件夹里的四个文件放在这个目录下C:\Users\admin\.gradle\wrapper\dists\gradle-2.4-all\6r4uqcc6ovnq6ac6s0txzcpc0)

2、得在环境变量中配置sdk的platform-tools和tools(;%android%;D:\SDK\sdk\platform-tools;D:\SDK\sdk\tools)

3、cmd执行android命令,会弹出sdk管理器,http://www.52learn.wang/archives/540(按图配置sdk,不需要下载image)

4、装一个文件(local.properties)改名sdk.dir=C\:\\Users\\USERNAME\\AppData\\Local\\Android\\sdk(即盘符目录后加\,\后再加\),在把这文件放在自己工程的android目录下

5、如果不成功,cmd执行adb devices检查手机是否链接(此处我是真机链接),执行npm start后,再开启一个cmd将文件夹执行到工程的文件夹



其他:http://blog.youkuaiyun.com/xsl_bj/article/details/50417735 关于手机版本的一些坑的解决

Android + RN 从零搭建 前端0基础的Android开发如何从0搭建Android +RN项目 阅读详情

相关推荐

iOS项目集成RN(0)

你需要提前安装好,Homebrew,Xcode, Cocoapods。执行 pod install。

fishycx的专栏 990

ReactNative入门(一)——环境搭建及第一个RN项目—HelloWorld

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学习前端(React为主)以及Android端知识了!另外,文章的内容都是在Windows环境下进行的!ReactNative是个什么东西?这里我就不做详细讲解了,直接去官网查看即可!

白玉梁的专栏 4267

【LabVIEW懒人系列教程-视觉入门】2.6LabVIEW模板匹配之创建模板

上期2.5在Labview软件框架中实现了模板匹配功能的运用,然而我们的模板图像是通过视觉助手创建出来的,在实际项目中这样做 ,难免有些不妥。所以,今天就给大家讲解一下,如何编写创建模板功能,模板图像的创建与加载需要注意一些什么。 模板图片的创建,大家可以理解为将图像中的一个特征区域扣下来,通过Labview函数进行信息学习,然后保存成带有图像信息的模板图。 具体做法,下面为大家演示一下 百度网盘视频链接:https://pan.baidu.com/s/1-zxcJBxPgk4t1Ej..

视觉龙哥 2167

ReactNative——集成RN到原生应用

参考资料:Android现有工程接入RN开发嵌入到现有原生应用 - React Native 中文网原生模块 - React Native 中文网现有项目接入RN简单来说分以下步骤1.首先要有一个现成的Android 工程。2. 安装 react-native组件。3.在原生app 中初始化 rn 组件部分。4.编译、运行调试程序。下面详细步骤:开发环境准备首先按照开发环境搭建教程来安装React

编程之美 1102

九齐NY8A051F低功耗模式全解析:从待机到休眠的省电实战

本文全面解析台湾九齐NY8A051F MCU的低功耗模式,从待机到休眠的省电实战技巧。通过实测数据展示四种工作模式的电流消耗差异,提供模式切换的标准流程和唤醒时序优化策略,并分享外围电路省电设计和低电压检测的实战应用,帮助开发者实现物联网设备的超长续航。

weixin_30839881的博客 408

企业信息化系统的组成模块-核心业务系统

通过标准化的数据流形成完整的业务闭环,CRM生成的销售订单驱动ERP的生产和采购,ERP将生产计划传递给MES执行,MES报工数据返回ERP进行成本核算,ERP再将交付信息同步给CRM供客户查询。生产管理确保高效交付,缩短订单周期。某贸易公司实施ERP供应链模块后,库存周转率从每年4次提升到8次,库存资金占用从2000万降到1200万,释放800万现金流,同时缺货率从15%降到5%。│ │库存 │ │ MRP │ │ ERP │ │ 云ERP/ │ │。

weiyvyy的博客 694

RN 尝鲜之旅

React Native 一直没使用过,闲来无事,还是尝鲜了一下下。目前还没有出新手村,所以写的东西不一定具有任何参考价值,见谅。

Cat的专栏 569

从智能手机到汽车电子:聊聊IPC-9702/9704A标准如何帮我们搞定不同场景下的PCB可靠性设计

本文探讨了IPC-9702/9704A标准在智能手机和汽车电子等不同场景下的PCB可靠性设计应用。通过分析消费电子、汽车电子和工业设备中的应力特征,详细解读了IPC标准在应变识别和测试方法论中的核心价值,并提供了具体的轻量化设计策略和全生命周期验证方案,帮助工程师提升PCB的长期可靠性。

weixin_30693683的博客 279

Mac RN环境搭建

Mac RN环境搭建

qq_33715850的博客 1768

QGroundControl高级配置与自定义功能实战指南

本文深入探讨了QGroundControl(QGC)的高级配置与自定义功能,为无人机开发者、系统集成商和高级用户提供实战指南。内容涵盖从品牌界面定制、自定义MAVLink消息处理,到插件开发与自动化部署的全流程,旨在帮助用户解锁QGC的隐藏潜力,打造专属的行业解决方案。

weixin_29234509的博客 239

QGIS基于快鸟(QuickBird)影像统计小麦种植面积

​01数据情况 本次选用某地4月份快鸟(QuickBird)影像为例,使用QGIS演示提取小麦播种情况,并按照200米*200米分区计算种植面积的过程。 注:本文对应的操作视频作为今天第二篇推送同时发布,习惯看视频的朋友可以点击观看。 附数据压缩包: 链接:https://pan.baidu.com/s/1JVUS8uAOR61RxC1n9Or9_w 提取码:qgis 含快鸟影像QB_subset.tif和200*200米分区矢量图层200Mgrid.shp。 ...

QGISClass的博客 1979

ReactNative的环境搭建

React Native (RN) 是一个由 Facebook 开发的开源框架,用于构建跨平台的移动应用程序。它允许开发者使用 JavaScript 和 React 来创建原生 iOS 和 Android 应用。RN 的出现极大地简化了移动应用的开发过程,使得开发者可以更快速、更高效地构建高质量的应用。在本文中,我们将详细介绍如何搭建 RN 的开发环境、如何将 RN 集成到现有的原生应用中,以及如何将 RN 集成到 Android Fragment 中。

Front end development engineer 2万+

AI Agent在智能广告投放中的应用

随着互联网的快速发展,广告投放市场变得越来越复杂和竞争激烈。传统的广告投放方式往往难以精准地触达目标受众,导致广告资源的浪费。AI Agent作为一种智能的自动化程序,能够在复杂的环境中自主学习、决策和执行任务。本文章的目的在于深入探讨AI Agent在智能广告投放中的应用,研究如何利用AI Agent提高广告投放的精准度、效率和效果,降低成本。范围涵盖了AI Agent的基本原理、相关算法、在广告投放中的具体应用场景以及实际案例分析等方面。

欢迎来到我的优快云空间!这里聚焦AI大模型应用实战,分享前沿技术、实战案例与开发经验。 616

如何在原生鸿蒙APP中使用RN的bundle包

在本文中,我分享了如何搭建鸿蒙原生这边的环境,可以让RN那边打出来的bundle包跑起来。同时列出来了很多大家都很容易碰到的问题,并且给出了对应解决方案

qq_15873073的博客 3092

stata 工具变量法【计量经济系列(七)】

stata 工具变量法【计量经济系列(七)】 1. 内生性 2. 工具变量3. 2SLS (二阶段最小二乘法) 4. 弱工具变量5. 工具变量外生性的过度识别检验 6. 豪斯曼检验6.1 传统豪斯曼 6.2 杜宾-吴-豪斯曼检验(DWH)

侯小啾技术博客 2万+

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

RN 学习小记之使用 Expo 创建项目

本文Hexo博客链接🔗 https://ysx.cosine.ren/react-native-note-1xLog链接🔗 https://x.cosine.ren/react-native-note-1RSS订阅 📢 https://x.cosine.ren/feed/xml由于业务需要,开始学习RN以备后面的需求,而虽然之前有用过 RN 但是项目搭建等都是封装好的脚手架,对本身其实了解不算太多,于是打算记录一下个人从头搭建 RN 项目的一个过程。顺带进行一个资料收集。

cos的博客 5155

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

reactnative安装

React Native 介绍 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是React 在原生移动应用平台的衍生产物,使用JS、JSX、CSS开发原生应用,目前支持iOS和安卓两大平台。 官网地址:https://reactnative.cn/docs/getting-started.html 环境安装 以w...

weixin_30693183的博客 336

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

ReactNative之搭建环境

今天就帮助大家想做RN开发的朋友们整理一下搭建环境的步骤, 本文是根据官方文档整理的,只是本文会讲的更俗一点。 官方文档链接: 中文:https://reactnative.cn/docs/getting-started.html 英文:https://facebook.github.io/react-native/ 首先要看朋友们是要开发Android还是iOS,如果是Android的话那么...

吴小迪的博客 1万+

ReactNative 学习笔记 RN android apk 打包

1. 生成一个签名密钥 在android/app下面生成keystore file: 可以用工具Eclipse,AndroidStudio生成。 命令:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 密码可以...

vivian的专栏 4087

ReactNative与Android 集成踩坑

1. 设置项目目录结构首先创建一个空目录用于存放React Native项目 , 然后在其中创建一个android子目录 , 把你现有的Android项目拷贝到android子目录中 ; 2. 安装JavaScript依赖包在项目根目录下创建一个名为package.json的空文本文件,然后填入以下内容:              {   "name": "MyReactN

RedWolf-blog 1322

iOS 已有项目利用Pod集成RN

一、背景 对于已经存在的iOS项目,以模块化引入,OC与RN混编怎么做呢? 我们可以利用cocopods来集成,直接使用pod install就可以让其他同事也快速集成。 由于RN用npx react-native init NewProject 命令创建的新项目,外层是RN的代码,里面iOS文件夹下才是我们的工程代码,这样显得很杂乱,所以我的想法是在同级目录下创建两个文件夹iOSCode和RNC...

ljmios的博客 1495

React Native踩坑:集成到现有Android原生应用、RN与Android相互调用

React Native踩坑:集成到现有Android原生应用、RN与Android相互调用前言效果搭建开发环境集成到现有Android原生应用创建项目结构安装 React 和 React Native 模块把 React Native 添加到 Android 应用中添加依赖配置权限Network Security Config (API level 28+)编写 React Native 组件A...

杨迪龙的博客 2978

RN入门---环境搭建和第一个RN项目

一、RN环境的搭建,参照RN中文网,有以下概念Chocolatey:Chocolatey是一个Windows上的包管理器,用于安装windows程序 Python 2: NodeJS:NodeJS是基于javascript的服务端。将本地的js文件(RN里,将返回的js文件通过依赖React翻译成React格式,再通过依赖react-native,翻译为react-nat

wwww_dong的博客 1万+

【RN】ReactNative基础配置

Facebook开源的ReactNative被炒得越来越热了,InfoQ上面关于ReactNative的文章也越来越多,既然大神们那么推崇,肯定有她火的原因,所以静下心来学习学习。 必备工具 Xcode(ReactNative的最终实现还是需要走Xcode, 只是UI部分等可以使用js来实现) The React Native command line tools(React Native命令行工具

Jmsp's Tips 873
下一篇: 改变FragmentDialog弹出框大小
DavidVCode
博客等级 码龄10年 2粉丝 2原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值