expo搭建react-native项目

最新推荐文章于 2024-05-10 09:53:26 发布
最新推荐文章于 2024-05-10 09:53:26 发布
阅读量8.8k 收藏 2
点赞数 1
分类专栏： 前端 react-native 文章标签： react-native expo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35414779/article/details/84753437
版权

react-native官网中推荐开发使用expo去开发和真机启动项目。

在项目中可以使用expo的脚手架expo-cli去搭建，也可以使用create-react-native-app 脚手架去搭建。博客中使用的后者。前者可以参考官网 Get Started

全局安装脚手架
cnpm -g i create-react-native-app

创建项目
create-react-native-app react-native-demo

可以选择空白的项目还是脚手架里面自带的tabs项目，这里选择的是tabs项目。

一段时间后运行项目
yarn start

这里推荐使用yarn

最低0.47元/天 解锁文章
不帅的喆
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
探索 Expo：构建跨平台 React Native 应用的新纪元
gitblog_00001的博客
04-18 338
探索 Expo：构建跨平台 React Native 应用的新纪元 项目地址:https://gitcode.com/expo/exp Expo 是一个开源的 React Native 工具链，它为开发者提供了一个简单、快捷的方式来构建原生 iOS 和 Android 应用程序，无需设置复杂的开发环境或直接操作原生代码。通过 Expo，你可以利用 JavaScript 和 React 的强大功能，...
react native开发之expo的使用
热门推荐
MrZZhou的博客
03-01 1万+
一. 背景react native官方现在推荐的项目构建方式是create-react-native-app，即简称CRNA，并且建议使用expo这个APP来实时查看效果。使用CRNA构建项目后，命令行输入npm start，随即会为开发者创建一个开发服务器，并打印出大大的二维码，使用expo扫码，即可预览项目，不过真的这么丝滑吗，使用中还是遇到了一些问题。二. 踩坑记手机和电脑均连接着同一WiFi
推荐开源项目：Expo - 框架构建跨平台原生应用
最新发布
gitblog_00050的博客
05-10 408
推荐开源项目：Expo - 框架构建跨平台原生应用 项目地址:https://gitcode.com/expo/expo 项目介绍 Expo是一个开放源代码的平台，专为构建可以在Android、iOS和Web上运行的统一原生应用程序而设计。它提供了一个统一的运行时环境以及库，允许开发者利用React和JavaScript来开发原生应用。通过Expo，你可以以高效的流程创建、部署并迭代你的应用，无需...
Expo:一个使用React制作通用本机应用程序的开源平台-开源
04-15
Expo是一个开放源代码框架和平台，用于创建可在Android，iOS和Web上运行的通用React应用程序。 它包括一组工具，服务，通用运行时和库，可让您使用相同JavaScript / TypeScript代码库在Android，iOS和Web上进行开发，部署和迭代。 Expo是开发客户端软件的地方，其中包含客户端应用程序，模块，模板等。 而Expo开发工具包含在Expo CLI存储库中。 在以下浏览器中尝试Expo：https://snack.expo.io/
基于 expo 框架 与 react-native 语法的 App 开发
Charles_Tian的博客
08-06 2207
一、前期准备 1. expo 准备 在expo官网需先注册账号，方便后期打包和下载安装包（注：若发现无法访问官网，则需翻墙） expo打包（需先登录expo账号）分为android版本与ios版本，android不需要额外信息，只需执行命令：expo build:android ，但ios需要apple开发者账号与密码，执行命令：expo build:ios 之后根据要求输入即可 expo打包完毕之后，会出现：Successfully built standalone app...
Expo 搭建 React-native 项目，妈妈再也不用担心我的环境配置
weixin_40903674的博客
02-01 1183
react-native 相信大部分前端开发都不会陌生——使用 JavaScript 和 React 编写原生移动应用。用 js 就能分 ios 和 android 的一杯羹。(哈哈，开个玩笑:)。玩笑归玩笑，但它能说明在开发移动应用领域，RN 有它的一席之地。 面临的问题 掌握 RN 无意能给自己增添更多筹码。但学习 RN 并有没想象中的那样顺畅。我觉得， 最大的困扰就是环境配置。re...
【React Native】Expo安装教程
m0_59183852的博客
11-23 2210
由于最近决定专一于React开发，所以暂时放下我的Vue，转向React Native。现在大厂对前端工程师的要求越来越高，除了会Web开发，还得会移动端开发，小程序开发balabala......作为即将毕业的菜鸡，只能加班加点的疯狂补前端技术，希望来年春招能有个公司看得上我，求带走哇！ 话说回来，那今天就请开始我的“表演”吧。今天要做的就是一件事：把expo下载好，创建好一个初始RN项目。
快速搭建React Native环境（使用expo）
自然 醒的博客
08-21 1230
Expo是一个跨平台的App构建工具。可以让你使用JavaScript 语言构建 Android 和ios 的原生应用。
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-image-to-pdf 手动安装的iOS 在XCode的项目导航器中，右键单击“ ...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新...
react expo开发 react native项目集成方法
06-19
使用react expo进行react native项目开发，并将expo项目集成到react native项目
expo react native
10-23
expo client ,reactnative 开发实时预览工具，免去找梯子的痛苦，在本站直接下载
RentalManager:React使用Expo构建的本机iOS应用
03-06
RentalManager:React使用Expo构建的本机iOS应用
react native 动态加载react expo 项目
06-19
如果react expo开发前端，react native 后端(android、ios)分开集成时，可以通过修改react native ip地址 实现同步动态加载
expo-react-react-native-monorepo-example:Monorepo用于React，React Native和Expo项目
04-28
安装git@github.com:habilelabs/expo-react-react-native-monorepo-example.git <project>cd <project>yarn install启动Web应用程序lerna --scope=web-app run start我还添加了快速命令。 您可以使用yarn web启动本...
react-native-qrcode-svg：基于react-native-svg和node-qrcode的React Native QR码生成器
02-05
讨论： ： 产品特点轻松渲染QR码图像（可选）嵌入徽标安卓的iOS安装安装依赖包yarn add react-native-svg react-native-qrcode-svg 要么npm i -S react-native-svg react-native-qrcode-svg 如果您使用的是React ...
react-native-action-button：用于react-native的可定制的多操作按钮组件
02-05
安装npm i react-native-action-button --save 通过以下方式将react-native-vector-icons本机依赖项链接到您的项目： react-native link react-native-vector-icons 要不就： react-native link 链接所有库与项目中...
react native基于expo上传图片组件expo-image-picker的使用
A15029296293的博客
08-14 421
app中，需要新增一个用户上传图片功能，由于app项目基于expo搭建的，所以直接使用expo中的组件。拿到assets后，组装成你想要的数据，返给后端拿到图片id再接着实现后面的功能。这里注意IOS和安卓下的区别，IOS正常打开相册，安卓打开的是文件管理器。第一步：下载expo-image-picker。第三步：上传方法（我这里用伪代码描述）第二步：在对应的文件中导入。上传图片成功后的回调结果。
如何搭建react-native
04-22
npm install -g react-native-cli ``` 4. 创建 React Native 项目，可以通过以下命令在当前命令行窗口中创建一个名为 MyReactNative 的新项目： ``` react-native init MyReactNative ``` 5. 开启 Metro ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值