Expo/React Native 创建新项目模板

最新推荐文章于 2024-04-11 18:37:22 发布
最新推荐文章于 2024-04-11 18:37:22 发布
阅读量649 收藏 2
点赞数 2
分类专栏： Expo Expo-cli 文章标签： react native react.js Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yt2399/article/details/128881178
版权
Expo官网： https://docs.expo.dev/

expo官网默认创建基础项目命令

npx create-expo-app my-app

expo模板项目命令

  1. blank模板 （如果不需要使用ts，去除-typescript即可）

  1. tabs模板

  1. minimal模板

ps：如果不需要使用ts，去除-typescript即可

替换模板 expo-template-xxx

示例：blank ---ts模板

npx create-expo-app -t expo-template-blank-typescript

项目如下图：

blank模板项目

tabs模板项目

minimal模板项目

小易很ok
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native超简单完整示例－tabs、页面导航、热更新、用户行为分析
weixin_33026067的博客
02-21 1012
初学React Native，如果没有人指引，会发现好多东西无从下手，但当有人指引后，会发现其实很简单。这也是本人写这篇博客的主要原因，希望能帮到初学者。 本文不会介绍如何搭建开发环境，如果你还没有搭建，可参考这里的官方文档：https://react-native.org/doc/getting-started.html。 本文也不会介绍各种组件，太多了，可参考这里的官方文档：htt...
react-native-template:React Native模板
05-07
Nave React Native模板。 使用 运行react-native init yourProjectName --template nave 包已配置 样式化的组件 React导航 Axios 承诺 整理配置 将.env添加到您的.gitignore文件中 您还需要从android/app/build.gradle将插件手动应用到您的应用android/app/build.gradle ： // 2nd line, add a new apply: apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle" 最后，将其添加到您的package.json ： " scripts " : { " android " : " react-native run-an
Expo是什么？使用Expo创建ReactNative工程和构建
最新发布
qq_37819292的博客
04-11 1798
此文记录了Expo的工程搭建、构建应用到Expo Go 沙箱环境中、使用云端远程构建、使用本地构建。
使用Expo 创建项目
共同学习，心怀感激。
11-24 265
使用Expo创建项目
react-native模板
宏斌的博客
07-07 459
expo升级SDK38后，原本创建项目时可选的导航模板变成了由typescript写的模板，于是自己还是js写一个，以下是效果 地址https://github.com/tangmusenLiu/react-native-template
一个ReactNative项目模板
08-10
一个React Native项目模板，用于通过分离UI，状态管理和业务逻辑之间的关注点来构建可靠的应用程序。
vs code中的react native代码模板
qq_35784996的博客
05-22 523
1、从文件–>首选项–>用户片段可以新建或编辑用户代码模板 2、react native的代码模板如下（还可以添加作者，时间等信息） { "React-Native Class":{ "scope": "javascript,typescript", "prefix": "rncode", "body": [ "import React, { Component } from 'react'",
boilerplate-react-native-with-expo:react强大的React Native入门模板，可引导您开发移动应用程序
04-30
用ExpoReact本机样板 :rocket: 一个功能强大的React Native入门模板，可引导您开发移动应用程序。里面有什么始终保持最新的React Native和Expo脚手架用于状态管理的Redux React Navigation实现简单导航磁盘持久化的...
react-native-expo-template:我的入门模板，用于使用React Native和Expo构建应用程序
04-27
每当我从空白创建一个新项目时，我都很累，所以我决定制作一个入门模板，可以随时使用它 :partying_face: Bonus Snap Midtrans付款网关 :face_blowing_a_kiss: 预习 Firebase身份验证流程 Rapi UI 这些UI组件由...
dooboo-cli:React＆React Native CLI工具。 轻松创建用于react＆react-native的模板
04-18
React Native和Expo模板 dooboo-cli RN模板 博览会模板 3.3.11 0.61.5 36 3.4。+ 0.62。+ 37 3.5。+ 0.62。+ 38 3.6。+ 0.63。+ 38 4.0以上 0.63。+ 39 5.0以上 0.63。+（网络支持） 40 6.0。+ ...
AnimatedEye:用React Native和Expo创建的Eye动画
05-25
然后，我们可以使用`expo init`命令创建一个新的React Native项目，选择“blank”模板，因为这个模板是最小化的，更适合自定义开发。 接下来，我们需要导入必要的动画库，如`react-native-reanimated`和`react-...
ReactNative模板工程
08-10
本文档用于指导前端React Native的开发，如需开发其他其他框架应用，不适用本文档
rn-template:2021 新版 react native 模板工程
04-10
react native 模板项目 2021最新版 react native 模板项目，使用 react-navigation 做路由；第三方UI组件库使 react-native-ui-library（该组件库是目前开源的最完善并保持更新的组件库）；状态管理使用简洁易用的 hox（只有一个 api 十分简单足以应对大部分开发场景）。完全采用 ts 语法， 全部为函数式组件使用 react hooks 写法。图标及svg资源管理使用react-native-iconfont-cli。集成了 github action 进行 android 的打包并生成apk产物文件和上传至 ToDo github action更改为 fastlane 打包签名上传 cli工具自动创建初始化项目 技术栈 原生依赖 @react-native-community/blur @react-native-co
expo-basic:expo-basic-具有基本配置的expo模板
03-18
基本的 具有基本配置的博览会模板 目录 :laptop:关于该项目 expo-basic是一个expo模板，具有已配置的基本配置和程序包。该模板为您节省时间的示例：React Navigation V5，axios，样式化组件，相对路径... :rocket:如何运行项目 克隆存储库 git clone https://github.com/carlos3g/expo-basic.git 安装依赖项 cd expo-basic yarn install 运行应用程序 yarn start :camera:屏幕截图 :hammer_and_wrench:使用的技术 在项目建设中使用了以下工具： :handshake:如何贡献 欢迎各种贡献，我们很佩服！ 有什么问题吗？发现了错误？你有什么建议吗？打开描述它的。 要贡献代码吗？我们要求您先阅读 别忘了离开你的 :star: ，这也是为项目做出贡献的一种方式；） :memo:执照 该项目已获得MIT许可。有关更多详细信息，请参见文件 。 由创建 :purple_heart:
expo项目初识问题解决.doc
06-26
expo项目从创建到打包apk全流程初识，菜鸟也能建apk，从helloword开始。npm卡住？这里有解决方法。npm install 默认使用 http://www.npmjs.org 地址安装依赖，如果网络没有进行翻墙设置有时候现在第三方依赖包会出现卡死，或者安装失败的情况。使用国内镜像站点解决，方法如下。
基本react-native模板
weixin_30265103的博客
07-24 191
import React, { Component } from 'react'; import { Text } from 'react-native'; export default class MoreContainer extends Component { render() { return ( <Text>MoreC...
expo创建安卓项目
02-23 319
expo创建安卓项目
9 React Native App模板供您学习和使用
代码教主
06-22 705
React Native是一种创建具有类似本机性能和单个JavaScript代码库的跨平台移动应用程序的好方法。 这个开放源代码库“将本机开发的最佳部分与React（用于构建用户界面的同类最佳JavaScript库）结合在一起。” 2020年20种最佳React Native App模板（包括5种免费） 当使用React Native应用程序模板时，您的团队将以扎实的代码库，文档和一系...
RN 学习小记之使用 Expo 创建项目
cos的博客
06-20 3389
本文Hexo博客链接🔗 https://ysx.cosine.ren/react-native-note-1xLog链接🔗 https://x.cosine.ren/react-native-note-1RSS订阅 📢 https://x.cosine.ren/feed/xml由于业务需要，开始学习RN以备后面的需求，而虽然之前有用过 RN 但是项目搭建等都是封装好的脚手架，对本身其实了解不算太多，于是打算记录一下个人从头搭建 RN 项目的一个过程。顺带进行一个资料收集。
react native项目创建
10-12
要创建一个 React Native 项目，可以按照以下步骤进行： 1. 确保你已经安装了 Node.js 和 npm。 2. 打开终端或命令行工具，进入你想要创建项目的目录。 3. 运行以下命令来创建一个新的 React Native 项目： ``` npx react-native init MyProject ``` 其中，`MyProject` 是你想要创建的项目名称。 4. 等待项目创建完成后，进入项目目录并运行以下命令来启动应用程序： ``` cd MyProject npx react-native start ``` 5. 在另一个终端或命令行工具中，进入项目目录并运行以下命令来启动应用程序： ``` cd MyProject npx react-native run-android ``` 如果你想在 iOS 模拟器中运行应用程序，请使用以下命令： ``` cd MyProject npx react-native run-ios ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值