React-Native环境搭建、组件选择/封装、踩坑大全、IOS/Android上线【一】(持续更新)

最新推荐文章于 2023-06-19 17:58:53 发布
置顶 最新推荐文章于 2023-06-19 17:58:53 发布
阅读量347 收藏
点赞数 1
分类专栏： React-Native开发之旅 react-native JS App 文章标签： React-Native App JS RN
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sl_40/article/details/80540254
版权

React-Native环境搭建、组件选择/封装、踩坑大全、IOS/Android上线【一】(持续更新)

该系列文章记录本人从入门RN–>环境搭建–>熟悉组件–>使用三方组件–>解决各种坑–>封装组件–>应用上线。希望对后来者有帮助，文章将会持续更新。

环境搭建

待更新 ，请先看后序文章

sl_40
关注
专栏目录
html5+、ReactNative、Weex、Ionic之间的区别、（配置java、python、Android环境）、ReactNative(react-native-cli)、yarn、Weex
专研前端，探索后端
06-16 553
html5+、ReactNative、Weex、Ionic之间的区别： html5+和Ionic： 在开发原理上基本相同，都是需要先开发出一个完整的网站，再通过html5+或Ionic提供的打包技术对网站进行打包成移动app，它们实际还是一个网站，并非原生app。 ReactNative和Weex : 在开发原理上基本一样，它们不再开发出一个网站，而是一个模板， 这个模板只是一个半成品，不能被运行在浏览器或移动设备上，想要正常运行，那么就得通过ReactNative或Weex提供的命令行打包命令进行打包成
React Native概述及与Weex和Native开发的对比（一）
u010565037的博客
08-23 1215
一.React、React.js、React Native三者之间的关系 React是基础框架，是一套基础设计实现理念，开发者不能直接使用它来开发移动应用或者网页。在它之上发展出了React.js框架用来开发网页，发展出来React Native用来开发移动应用。因为React基础框架与React.js框架是同时出现，同时进化发展，这造成了React基础框架的基本概念，设计思想都是在React....
React Native、Weex和Flutter比较，选择哪个跨平台框架？
最新发布
kobekd8的博客
06-19 1264
综合来看，React Native、Weex和Flutter都具有自身的优点和缺点。React Native具有很好的系统适配性和开发效率，Weex可以实现完美的Pixel Perfect设计，Flutter则具有优秀的性能和高效的开发方式。选择适合自己的跨平台框架需要结合自己的需求和项目特点进行综合考虑。但不管你选择哪一种框架，都需要注意它们的生态系统，这将直接关系到开发者之间的交流和知识传递。希望在本文的帮助下，你能够更好地选择合适的框架来开发您的跨平台应用程序。
ReactNative 到 Weex 的艰难一迈
weixin_33935505的博客
09-29 111
“Write once，Run Everywhere” 一次编写，多端运行。React迁移到MIT协议，可惜React Native依然没改，没有RN的日子，还好有Weex这位哥们顶着。虽然没有RN那么牛逼，但也算是一个不错的小兄弟。 很多人可能要问我搞了这么久的RN现在转Weex干什么？说起来，真是一个悲伤的故事 为什么不用RN F...
React-Native与Weex的比较
weixin_30591551的博客
02-22 180
相同点：1、都是跨平台，有自己的手脚架工具，开发迅速，开发支持HotReloading 2、解析脚本到渲染都需要原生代码中加载对应支持库的framework，渲染的时候是通过解析库将对应的脚本解析成原生代码，因此解析都会消耗一定的性能 3、布局方式与web布局相似，采用的是Flexbox 4、与原生交互方式都是通过宏或注解的形式注入方法 5、通过解析虚拟dom的形式，通过各自的平台对应的解...
weex android 性能,Weex&ReactNative对比
weixin_35817545的博客
05-29 368
JS引擎：weex使用V8， ReactNative使用JSCoreJS开发框架：weex基于vue.js(2W+ star)。小巧轻量的前端开发框架，组件化，数据绑定，2.0引入virtual dom。ReactNative使用React(4W+ star)。革命性的前端开发框架，组件化，数据绑定，virtual dom。Android版本要求：ReactNative使用了Choreograph...
react-native-syan-image-picker：React-Native多图片选择支持裁剪压缩
02-04
基于现有原生第三方框架封装的多图片选择组件，适用于React Native App。 原生框架依赖 安卓： - iOS： 通过 功能特点 支持iOS，Android两者 支持单选，多选 可自定义裁剪区域大小，支持圆形裁剪 可设置压缩质量 可...
详解React Native开源时间日期选择器组件(react-native-datetime)
12-10
该组件进行封装一个时间日期选择器,同时适配Android、iOS双平台，该组件基于@remobile/react-native-datetime-picker进行开发而来 配置安装 npm install react-native-datetime --save 1.1.iOS环境配置 上面步骤...
react-native-clear-app-cache:清理app缓存 React-Native模块封装 支持iOSAndroid
05-10
README Author  E-mail ...支持 iOS Android 清理app缓存 安装使用 npm install --save react-native-clear-app-cache Then link with: react-native link react-native-clear-app-cache 运行示例
react-native 封装选择弹出框示例(试用ios&android)
12-11
之前看到react-native-image-picker中自带了一个选择器，可以选择拍照还是图库，但我们的项目中有多处用到这个选择弹出框，所以就自己写了一下，最最重要的是ios和Android通用。先上动态效果图~ 一、封装要点 1....
React-Native Android 与 IOS App使用一份代码实现方法
09-01
要实现Android和iOS App共用一份代码，首先你需要设置好开发环境，包括安装Node.js、React-Native CLI、Xcode（针对iOS）和Android Studio（针对Android）。然后，创建一个新的React-Native项目，使用`react-native ...
初识React-Native、vue、weex【选择之旅】
sl_40的博客
03-21 3853
初识React-Native、vue、weex 去年17年1月份的时候，那时候刚来公司不久，公司开始是用mui+h5+h5+开发的混合app使用mui+h5开发web app，不过折腾了半年发现app几个版本都不尽人意。主要体现在：性能跟不上、mui官方各种bug出来没人修复，社区越来越不活跃、有很多三方的插件官方集成难度太大。 慢慢的意识到问题之后就寻求新的解决方案，开头我花了两三个星期学习...
Flutter 、Vue、React Native 、Weex哪个好
欢迎加入Android老司机学院 482266514（技术交流群）密码CSDN
03-10 7734
跨平台项目GSYGithubApp系列三大开源版本比较（Flutter 、React Native 、Weex） vue react angularjs这三个是同一类型，是js框架，框架的目的是简化开发，但是这几个框架都是针对传统网页开发，直接用在移动端一个是慢，另一个是有些功能不适配。weex和react native是基于vue和react改造的移动端混合开发框架，把网页包装成app，可以通过...
weex vs react-native
weixin_33850890的博客
07-25 312
前言 weex的思想是多个平台，只写一套代码，而react-native的思想是多个平台可以写多套代码，但其使用的是同一套语言框架。weex的目标在于抹平各个平台的差异性，从而简化应用开发。而react-native承认了各个平台之间的差异，退而求其次，在语言和框架层面对平台进行抽象，从方法论的角度去解决多平台开发的问题。 进一步浏览weex和react...
react-native-router-flux使用技巧
TinaSlowDown的博客
03-13 1186
强烈推荐使用该三方 如果在使用过程中遇到什么问题，可以加入react-native兴趣交流群群号：397885169一起讨论学习，也欢迎在评论区评论。 RN项目模板，还未完成，但react-native-router-flux的Demo在里面 本文会持续更新，只要该库作者不停止更新，那么我也不会停下脚步。 可能很多人之前就用过这个三方，也可能有些人听过没用过。在这系列文章...
热门跨平台方案对比：WEEX、React Native、Flutter和PWA
huangpb的博客
09-04 4660
传统的原生Android、iOS开发面临着诸多难以解决的问题，例如开发周期长、迭代缓慢等，因此很多公司备受困扰。近年来，伴随着“大前端”概念的提出和兴起，涌现出一大批移动跨平台开发框架和模式，为解决传统移动开发问题找到了新的方向。 从早期的PhoneGap、Inoic等Hybrid混合技术，到现在耳熟能详的React Native、WEEX和Flutter等跨平台技术，借助这些优秀的跨平台开发框...
React Native和Weex
vivian的专栏
03-09 1466
基本的差异性 两个不错的对比介绍： weex&ReactNative对比 weex&ReactNative对比 感触 跨平台：RN支持android和IOS，Weex支持android/IOS和web三个平台。 Weex支持的平台比RN多一种，但是当真正开始写demo的时候却发现，移动端(android/ios)和web端(PC browser)的界面布局有很大...
Weex 和 React Native的比较
热门推荐
non_attack的博客
02-07 1万+
Weex 和 React Native的比较基本概念weex 阿里巴巴公司与2016年6月开源的一种用于构建移动跨平台的UI框架 基于JS开发框架 weex基于Vue.js React Native Facebook在2015年3月在F8开发者大会上开源的跨平台UI框架 基于JS开发框架 基于React.js Vue和React的比较Weex和Reac
react-native封装跨平台选择弹框组件
"React-Native 封装选择弹出框示例，适用于iOS和Android" 在React-Native的跨平台移动应用开发中，经常会遇到需要创建对话框或选择弹出框的需求。为了实现这一功能并确保在iOS和Android平台上的一致性，开发者通常...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值