React-Native 创建App项目
# React-Native 创建App项目
环境搭建
概述
- RN的官方网站
- 百度+谷歌
安装环境介绍
- 操作系统:win10系统
- 手机:安卓手机真机一部或夜神模拟器
- 必须安装的依赖有:Node,JDK,Yarn,Android SDK,Python2
Node的安装
- 先到官网去下载node版本(使用nvm工具安装也可以)
- 可以下载最新的稳定版
- 以管理员的身份安装
Yarn的安装
Yarn是Facebook提供的代替npm的工具,可以加速node模块的下载
npm install yarn -g //使用npm全局安装yarn
检查是否安装成功
yarn -v
效果如下:
JDK的安装与配置
安卓系统的APP离不开JAVA环境,需要下载安装JDK(11版本的)
需要注意的是点击下载之后,或跳转到一个Oracler的登陆页面,得登陆之后才可以下载,如果没有账号可以注册一个,下载完毕之后,以管理员身份打开安装
JDK的环境变量配置
- 右键我的电脑,点属性
2.然后点击高级系统设置,在弹出来的对话框点击高级,再点击环境变量
3.在弹出来的对话框中设置如下
4.在系统变量当中找到path项打开,单击下面的编辑,在弹出框中设置如下5.检查是否安装完成,打开命令行终端,使用命令java与javac检测一下
Android SDK的下载与安装
我们直接去下载android sdk并进行必要的配置
1.去这个https://www.androiddevtools.cn/ 官网下载
以管理员的身份进行安装
2.下载依赖选项
![在这里插入图片描述](https://img-blog.csdnimg.cn/d73cee7e427548b
Android环境变量的设置
还是和java环境变量设置的差不多
初始化项目和打包APP到手机上
1.准备一个android手机,通过数据线连接到电脑,设置启用use调试
2.一般的手机设置中可以直接找到开发者选项进行开启,如果找不到,百度一下
3.手机连接电脑成功后,运行检测命令 adb devices
4.运行 npx react-native init 项目名称 命令会初始化一个react-native项目,需要联网下载依赖包
npx react-native init myApp
5.使用cd myApp 命令进入此项目的文件夹,确保手机连接下,再输入命令
npx react-native run-android
6.手机出现如下画面,说明打包成功
React-Native 创建App项目相关推荐
- Android Studio打开React Native创建的项目
1.点击 Import project 2.找到项目下android文件夹,选择build.gradle文件,open 转载于:https://www.cnblogs.com/lcyuhe/p/843 ...
- 如何用 React Native 创建一个iOS APP?(二)
我们书接上文<如何用 React Native 创建一个iOS APP?>,继续来讲如何用 React Native 创建一个iOS APP.接下来,我们会涉及到很多控件. 1 AppRe ...
- 如何在React Native中构建项目并管理静态资源
by Khoa Pham 通过Khoa Pham 如何在React Native中构建项目并管理静态资源 (How to structure your project and manage stati ...
- 使用 Agora SDK 开发 React Native 视频通话 App
在 React Native 的应用中,从头开始添加视频通话功能是很复杂的.要保证低延迟.负载平衡,还要注意管理用户事件状态,非常繁琐.除此之外,还必须保证跨平台的兼容性. 当然有个简单的方法可以做到 ...
- React Native 系列(三) -- 项目结构介绍
前言 本系列是基于React Native版本号0.44.3写的,相信大家看了本系列前面两篇文章之后,对于React Native的代码应该能看懂一点点了吧.本篇文章将带着大家来认识一下React N ...
- cordova 创建app项目,签名打包部署
app签名打包 一.安装流程 1.JDK安装.JDK 8 [jdk-8u261-windows-x64.exe下载地址:https://www.oracle.com/java/technologies ...
- 这是我最喜欢的使用React Native创建生产级应用程序的技巧
Trust me when I say this, React Native is hard. And it's not the usual hard of what we think hard is ...
- 使用React Native创建乘车预订应用程序
在本教程中,我们将使用React Native和Pusher创建一个乘车预订应用程序. 我们将创建的应用程序将类似于流行的乘车预订应用程序,例如Uber,Lyft或Grab. React Native ...
- [React Native]使用App Center CLI发布CodePush更新--iOS简易版
面向 用RN开发iOS的小伙伴,并且想使用RN的热更新功能,又不想在一大堆文档里翻来覆去的,可以看看这个简易版.觉得不错的话可以点个赞或关注.附上详细版. 主要步骤 安装App Center CLI: ...
最新文章
- 小米开源监控系统OpenFalcon应对高并发7种手段
- BZOJ 2429: [HAOI2006]聪明的猴子【最小生成树】
- Eclipse jar包打不进apk
- 英文期刊催稿信模板_手把手教你写投稿信,另附查尔斯沃思高质量模板
- Log4net核心组成
- mysql数据库教程全解_MySQL数据库基础教程详解
- Qt插件之Qt Designer插件实现
- 易懂 | 手把手教你编写你的第一个上位机
- Spring Boot 通过 Mvc 扩展方便进行货币单位转换
- POI解析Excel
- DOS命令字典..收藏
- 你听过“易语言”吗?
- 梅森数形如2 ​n ​​ −1的素数称为梅森数(Mersenne Number)。例如2 ​2 ​​ −1=3、2 ​3 ​​ −1=7都是梅森数。1722年,双目失明的瑞士数学大师欧拉证明了2 ​3
- python pdf解密脚本(pikepdf模块)
- Android 流量分析API
- idea如何全屏_IntelliJ IDEA(十) :常用操作
- 仿联想商城laravel实战---5、无刷新的增删改查(动态页面更新的三种方式(html))...
- 【Java】接口练习题
- Vue使用axios取消上一次请求
- 【复习笔记】电分-第二章-电力系统各元件特性及数学模型