构建 React-Native 项目的两种方式

最新推荐文章于 2024-07-24 10:31:44 发布
最新推荐文章于 2024-07-24 10:31:44 发布
阅读量580 收藏 1
点赞数
分类专栏： RN-ReactNative 文章标签： React React-Native 前端 React-Native构建项目两种方式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangyang_A/article/details/102766158
版权
本文介绍了构建React-Native项目的两种方法：官网init方式和CRNA+Expo方式。CRNA（Create React Native App）配合Expo提供简单快速的跨平台构建流程，而init方式则涉及更多手动配置。Expo是一个用于运行和管理React-Native应用的手机应用，类似微信小程序，提供了方便的开发和分发功能。
摘要由CSDN通过智能技术生成

文章目录

React-Native项目两种构建方式

一: 安装 react-native-cli

二: 安装 expo-cli

我们这里主要使用 CRNA 和 Expo 的方式构建项目

1.0 第一种方式 官网 init 方式

第一种方式直接安装 ReactNative中文网 这个网站的安装流程, 这是官网最开始的安装流程, 简单快捷, 但是其中配置 Android-studio 比较麻烦, 建议安装 2.x.x 版本.

关于第一种方式, 直接按照官网介绍步骤一步一步执行即可,我们这篇文章主要讲述 CRNA + Expo 的方式

2.0 第二种方式 CRNA + Expo

第二种方式比较简单. 而且安装简单, 方便, 跨平台.

构建流程大致如下:

#1. 全局安装 create-react-native-app  cli
npm install -<
最低0.47元/天 解锁文章
ProbeGene
关注
专栏目录
react-native-builder-bob:简单的一组CLI即可构建和构建针对不同目标的React Native库
04-06
鲍勃 :male_sign:‍:male_sign: 简单的一组CLI，用于为不同的目标构建和构建React Native库。 脚手架React Native库 如果您想创建自己的React Native模块，则对项目进行脚手架可能是一项艰巨的任务。 create-react-native-library可以通过以下步骤为您架设一个新项目： 您可以在其上构建的适用于Android和iOS的简单示例模块 配置为在Android上构建模块 对Android和iOS上的本机模块的C ++支持 对没有本机代码和Web支持的库的支持 示例React Native应用程序以手动测试您的模块 ，，，和已经被预先配置 预先配置了react-native-builder-bob来编译文件 预先配置为在CI上运行测试 要创建新项目，请运行以下命令： npx create-react-native-library react-native-
react native 两种创建项目方式 create-react-native-app "项目名称" 和react-native init '项目名称'...
测试0901-1
04-27 1158
create-react-native-app "项目名称" 和react-native init '项目名称'
React Native && Expo框架实战应用
最新发布
qq_39302236的博客
07-24 654
expo基础配置，RN拆包分包打包思路整理
React Native搭建开发环境并创建一个示例项目
SSWmouse的博客
04-23 315
React Native搭建开发环境并创建一个示例项目搭建环境创建示例项目 搭建环境 根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发 iOS 和 Android 也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。 安装依赖 必须安装的依赖有：Node、JDK 和 Android Studio。 虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。 建议直接使
react native搭建流程（从搭建到创建项目）
Youyzq的博客
10-24 1464
react native 搭建流程，搭建细节
react-native-bob-monorepo:一个主要基于react-navigation信息库的react-native-builder-bob monorepos的入门信息库
05-25
React本机单反 适用于react-native-builder-bob软件包的Monorepo启动器 安装 yarn add @react-native-bob-monorepo/package1 yarn add @react-native-bob-monorepo/package2 用法 import Package1 from "@react-native-bob-monorepo/package1" ; import Package2 from "@react-native-bob-monorepo/package1" ; // ... const result = Package1 ; console . log ( 2 * result === Package2 ) 贡献 请参阅以了解如何对存储库和开发工作流程作出贡献。 执照 麻省理工学院
react-native-debugger
09-11
"react-native-debugger"是一款专为React Native开发者设计的强大调试工具，尤其适用于使用较旧版本如0.12.1的React Native项目。这个工具允许开发者深入到应用程序的JavaScript层进行调试，提供了一种直观的方式来...
react-native-color：用于React Native的颜色组件
02-05
用于React Native的颜色组件。 仅JavaScript，适用于iOS和Android。 例 运行示例应用程序或。...混合两种颜色的渐变 添加道具文件 支持主题/渲染自定义 导出单独的组件以构建自己的哲学 带类型 联系
react-native-storybook-boilerplate：引人注目的样板程序设置，用于开始开发React Native UI库。 React-Native + React-Native-Web + Storybook =:red_heart:
02-03
为React Native和Storybook一起构建UI库是一个很好的体验，但是很难在Web上显示组件，因此我想通过react-native-web项目转换react-native组件，以便我可以轻松地显示它们在网上。 这是最终的库开发设置，旨在启动...
react-native-webview.zip
08-06
React Native是Facebook推出的一种跨平台移动应用开发框架，它基于JavaScript，允许开发者使用React组件化思想构建原生iOS和Android应用。通过React Native，开发者可以使用一套代码库同时开发两个平台的应用，提高...
expo react native
10-23
expo client ,reactnative 开发实时预览工具，免去找梯子的痛苦，在本站直接下载
react expo开发 react native项目集成方法
06-19
使用react expo进行react native项目开发，并将expo项目集成到react native项目
reactnative混编构建的app
08-10
通过js编写RN界面，使用前端的nodejs的npm工具打包RN开发出来的模块，生成bundle文件，预先存放到原生指定的目录，原生层面在RN引擎初始化时载入并读取bundle并进行渲染
【React Native入门教程】环境搭建
gxhuhuhu的博客
08-01 880
超详细 React Native 环境搭建教程
react native开发之expo的使用
热门推荐
MrZZhou的博客
03-01 1万+
一. 背景react native官方现在推荐的项目构建方式是create-react-native-app，即简称CRNA，并且建议使用expo这个APP来实时查看效果。使用CRNA构建项目后，命令行输入npm start，随即会为开发者创建一个开发服务器，并打印出大大的二维码，使用expo扫码，即可预览项目，不过真的这么丝滑吗，使用中还是遇到了一些问题。二. 踩坑记手机和电脑均连接着同一WiFi
【React Native】Expo安装教程
m0_59183852的博客
11-23 2318
由于最近决定专一于React开发，所以暂时放下我的Vue，转向React Native。现在大厂对前端工程师的要求越来越高，除了会Web开发，还得会移动端开发，小程序开发balabala......作为即将毕业的菜鸡，只能加班加点的疯狂补前端技术，希望来年春招能有个公司看得上我，求带走哇！ 话说回来，那今天就请开始我的“表演”吧。今天要做的就是一件事：把expo下载好，创建好一个初始RN项目。
expo 创建react native项目，如何预览，如何打包apk
徐同保的专栏
04-12 3296
expo 创建react native项目，如何预览，如何打包apk expo -V expo init m-app3 expo login https://expo.dev/ expo publish 手机下载expo go app,登录账号，也可以看到这样项目，还可以预览这个项目 yarn global add eas-cli eas -v eas whoami expo build:android ...
React-Native学习笔记：组件与JSX语法解析
React是一种用于构建用户界面的JavaScript库，它的核心理念是组件化。以下是一些关键知识点： **1. ReactDOM.render()** ReactDOM.render()函数是React的核心，它接收两个参数：一个React元素和一个DOM元素，将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值