React Native运行第一个程序

来源:互联网 发布:乐乎城市青年公寓黄村 编辑:程序博客网 时间:2024/05/18 03:19

React Native 运行第一个React Native程序

前提是React Native环境已经搭建完成

目的

创建和运行Reac Native项目。如:HelloWorldRN

步骤

1、初始化RN 项目,HelloWorldRN

执行命令:react-native init HelloWorldRN
这里写图片描述

期间会自动安装jest
这里写图片描述

创建项目成功后:
这里写图片描述

2、运行项目

2.1 查看当前连接的设备
执行命令:adb devices
这里写图片描述

2.2 切换到项目目录,如C:\Users\tong_\HelloWorldRN

2.3 运行程序到设备上
执行命令:react-native run-android (device name)
期间会下载和解压gralde
这里写图片描述

还会下载一些其他构建工具 ,都是自动下载的

在build后,会弹出node的命令框
这里写图片描述

构建成功后,会运行程序到设备上
这里写图片描述

2.4运行效果
这里写图片描述

碰到的问题

1、react-native run-android执行失败,如下:
这里写图片描述

因为npm没有install,执行上面的命令需要在项目的根目录下执行,如2.2步骤