这是新的 原生反应 项目,使用靴子 @react-native-community/cli。 。 。 .
开始
说明: 确保您已完成 设置您的环境 指南在进行之前.
第1步:开始地铁
首先,你必须跑 地铁, JavaScript 为 React Natural 创建工具.
要启动 Metro dev 服务器, 请从您的 React Native 项目的根运行以下命令 :
# Using npm
npm start
# OR using Yarn
yarn start
第2步:构建和运行您的应用程序
随着Metro的运行,从您的 React Introduct 工程的根部打开一个新的终端窗口/页,并使用以下命令之一来构建和运行您的Android或iOS app:
机器人
# Using npm
npm run android
# OR using Yarn
yarn android
iOS系统
对于iOS,请记住安装CocoaPods的依赖性(这只需要在第一个克隆上运行,或者在更新了原生地道克后运行).
第一次创建新项目,运行"Ruby"捆绑器以安装CocoaPods本身:
bundle install
然后,每当更新你的本土依赖,运行:
bundle exec pod install
详情请访问 CocoaPods 开始引导。 。 。 .
# Using npm
npm run ios
# OR using Yarn
yarn ios
如果一切设置正确,您应该看到您的新应用程序运行在Android模拟器,iOS模拟器,或者您的连接设备中.
这是运行你的应用程序的一种方式——也可以直接从Android Studio或Xcode来构建.
步骤 3: 修改您的应用程序
既然你成功运行了应用软件,让我们做一些改变!
打开 App.tsx 在您选择的文本编辑器中进行修改。 当您保存时, 您的应用程序会自动更新并反映这些变化 快速刷新。 。 。 .
如果您想要强制重新装入, 例如要重新设置您的应用程序状态, 您可以执行全重装 :
- 机器人: 按 区域 双键或选择 "重装" 从 德文菜单,通过 代码 + 键 联合国 (温道/Linux)或 数据 + 键 联合国 (macOS) (英语).
- iOS系统编辑: 区域 在iOS模拟器中.
祝贺你! : 塔达:
您已成功运行并修改了您的 React 原生 App : party face:
现在怎么办?
解决问题
如果你有问题 得到以上步骤的工作, 看 解决问题 页 次.
学习更多
要了解更多关于React Industrial的信息,请查看以下资源:
- 反应土著网站 - 更多关于反应土著.
- 开始 - 一个 概览 (原始内容存档于2019-03-21). React Industrial and how set up your Environment.
- 学习基本知识 - 一个 导游 反应原生 基础。 。 。 .
- 博客 - 读取最新官方反应 博客 员额.
@facebook/react-native- 开放源码 仓库 反应原生.