create-react-native-app官网介绍链接,github文档,可以看看了解一下,总之是一个5分钟快速搭建react native项目并能看到效果的方法。

  • 假设你已经安装了Node,你可以使用npm来安装create-react-native-app命令行工具:
npm install -g create-react-native-app

  • 然后运行以下命令来创建一个名为“AwesomeProject”的新的React Native项目:
create-react-native-app AwesomeProjectcd AwesomeProject
npm start

  

注意:这将为您启动一个开发服务器,并在您的终端打印QR码。这时候去相应的iOS和android应用商店下载App“Expo”,扫描二维码就可以看到效果了。而这时候项目目录结构只有“node_modules”,和几个简单的文件,你这时候执行“react-native run-ios/android”是没有用的。以上的步骤都是为了快速开始一个react native项目,快速看到效果的方法,要想最后将项目发布,还是需要react native项目结构,请继续看:

  • 如果想转换成react native项目目录结构,在以上步骤的命令基础之上执行:
npm run eject

  • 这时候,项目目录就变成下图所示,同时运行“react-native run-ios/android”就可以在模拟器上看到效果了,多了一个“App.test.js”文件,暂时不用管它:

转载于:https://www.cnblogs.com/xiaojun-zxj/p/8311278.html

create-react-native-app相关推荐

  1. 利用 Create React Native App 快速创建 React Native 应用

    React Native App简介 打开React Native官方文档你会发现,在Getting Started章节下新添加一个Quick Start Tab页.Quick Start是在v0.4 ...

  2. 开发 React Native APP —— 从改造官方Demo开始(2)

    还是摘自L小庸的文章,加入了一点个人的实践和理解 经过第一部分开发 React Native APP -- 从改造官方 Demo 开始(1)介绍,App 框架基本构建完成,这部分主要关注 UI/交互. ...

  3. 开始测试React Native App(下篇)

    前言: 在开始测试React Native App(上篇)中编写了redux-upload-queue针对Reducer和Action Creator的单元测试,测试代码可以在这里查阅.这篇文章基于开 ...

  4. 从终端运行React Native App时出错(iOS)

    本文翻译自:Error Running React Native App From Terminal (iOS) I am following the tutorial on the official ...

  5. React Native App设置amp;Android版发布

    React Native系列 <逻辑性最强的React Native环境搭建与调试>  <ReactNative开发工具有这一篇足矣>  <解决React Native ...

  6. 快速创建React Native App

    告诉大家一个好消息,为大家精心准备的React Native视频教程发布了,大家现可以看视频学React Native了. 快速创建React Native App 查看最新的React Native ...

  7. 开发 React Native APP —— 从改造官方Demo开始(二)

    经过第一部分开发 React Native APP -- 从改造官方 Demo 开始(一)介绍,App 框架基本构建完成,这部分主要讨论 UI/交互.App 发布前的准备工作及如何发布,具体内容包括: ...

  8. 【天赢金创】Facebook:我们是如何构建第一个跨平台的React Native APP

    今年早些时候,我们介绍过iOS版的React Native. React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能,然后为了保持速度.保 ...

  9. react native app应用更新方案

    最近公司有需求做一个react native app应用更新方案,试了很多插件都不靠谱 最后还是选择了 搭配 rn-fetch-blob 进行封装 引入 rn-fetch-blob import RN ...

  10. React Native app闪退 显示 “很抱歉, ‘xxx’ 无法运行”的解决方法

    React Native app闪退 显示 "很抱歉, 'xxx' 无法运行" 这种情况一般是因为第三方库的配置有问题或者js 代码写的有问题 首先看看js代码是否有问题 去官方下 ...

最新文章

  1. n-sphere计算方法-
  2. 云尚制片管理系统_电影制片厂的未来
  3. R语言基本统计分析方法(包及函数)
  4. 关于IPointerEnterHandler和IpointerExitHandler的简单说明
  5. Hi3559A项目开发计划
  6. 【分享帖】国内主流网络信息采集和页面数据抓取工具盘点
  7. html语言中%3cp%3e%3cbr%3e,求一段弹出窗口代码
  8. @Value注入静态变量(static)
  9. 哥德巴赫猜想 php,哥德巴赫猜想的程序验证
  10. 1413. 逐步求和得到正数的最小值
  11. 【FPGA】QuartusII13.0实现组合逻辑 3/8 译码器
  12. 【上海赛区】2022数学建模国赛获奖名单公布
  13. 单向散列函数概述并基于MD5算法对文件哈希值实时监测
  14. 港科夜闻|香港科大再获[商科]评审全港第一!
  15. 云安全技术——云主机端口扫描
  16. linux查看内存的生产商,linux下查看CPU.内存型号.pci 转自《Ivan-blog》
  17. 微信小程序 input双向绑定
  18. 动量策略编写技巧----策略编写学习教材
  19. 完美解决Mac软件意外退出的方法
  20. 声音文件慢速播放不变调原理的猜想

热门文章

  1. Facebook开源内存数据库Beringei,追求极致压缩率
  2. apache ab测试介绍
  3. 构建之法读书笔记之五
  4. Flex很可能会消失
  5. 安全设置之修改远程桌面连接默认3389端口
  6. SNS网站是否应该实行邀请制、实名制?
  7. aspnet中操作excel报com错误的解决方法
  8. 卧加加工斜孔怎么计算机械坐标,卧加B轴旋转后坐标怎么计算
  9. 从源码分析DEARGUI之draw的一系列操作
  10. 从源码分析DEARGUI之add_drawing