3、第一个react-native项目

751 查看

1、初始化项目
初始化项目命令

react-native init ProjectName

14690872171928.jpg

2、运行项目
运行项目有两种方法

  • 命令行方法
    1、切换到项目目录下

14690873936882.jpg


2、打开模拟器(可以不打开)
3、运行命令(iOS)

react-native run-ios #以iOS为例

14690878377130.jpg

14690877236529.jpg


4、运行命令(安卓)

react-native android

建议提前下载gradle 否则会很慢

  • 直接在xcode 中android studio 中运行

在xcode 比较简单
下面着重介绍一下android studio中如何操作


14690923704180.jpg


1、下载上面的三个软件
模拟器
virtualbox 这个可能比较卡
2、用androidstudio 打开项目目录下的android的文件
3、打开模拟器,选择模拟器上的设备


14690926638936.jpg

![]
4、
![Uploading 14690929982812_696175.jpg . . .]


14690926853907.jpg

这样第一个程序 就跑起来了

Tips :
在安卓环境下。点击红色标注部分 即可出现 reload 来刷新界面
在iOS环境下 按下 ctrl +command + z
![Uploading 14690946360383_723164.jpg . . .]


14690929982812.jpg

查看 react-native的版本 需要在项目目录下 查看)


14690946360383.jpg