react-native学习笔记-学习中,持续更新

245 阅读1分钟

1 环境搭建及项目初始化

  • 官网提供了两种cli方案,expo是第三方封装好了许多如相机蓝牙等工具(建议初学者选择),Facebook官方的cli要配置很多,更强大更灵活,以后入门了再学习这种,当然选了expo的后期也可以切换到Facebook的cli。

image.png

  • npm install --global expo-cli 全局安装cli工具
  • expo init rn-first-app 初始化项目(要先进入到目标文件夹)

2 启动项目

  • cd进入目录运行 yarn start

image.png

image.png

  • 可以手机打开app store下载安装expo工具,然后打开相机扫描二维码即可真机调试; --app store下载安装expo工具 image.png --手机打开相机扫描二维码 image.png image.png
  • 也可以点击Run on iOS simulator 打开mac上的模拟器调试; image.png
    • 首次打开需要下载相关插件,预计几分钟,完成后自动打开模拟器 image.png