react native_移动开发博客-专业IT技术发表平台

推荐付费专栏 VIP文章

React Native 支付宝插件常见问题解决方案 React Native 支付宝插件常见问题解决方案 react-native-alipay 基于 React Native 的宝支付包，已更新到最新的支付宝 SDK 版本，支持Android/iOS。项目地址: https:/...

阅读 891

6赞

Expo框架开发React Native项目指南使用框架开发 React Native 项目可以显著简化开发流程，尤其适合快速原型开发和跨平台应用构建。

阅读 2.8k

30赞

深度分析：React Native、Flutter、UniApp、Taro、Vue的差异选择框架时，应根据项目需求、团队技能、性能要求和维护成本综合考虑。React Native和Flutter在跨平台开发中表现出色，适用于大多数移动应用场景。UniApp和Taro在多平台统一开发方面有独特优势，适合小程序和多平台发布需求。Vue.js作为Web开发的主力，可通过额外工具转化为原生应用。

阅读 1.6w

110赞

移动开发前沿

React Native内存泄漏：常见场景分析与解决方案本文旨在系统性地分析React Native应用中常见的内存泄漏问题，提供可操作的解决方案和预防措施。涵盖JavaScript环境和原生平台(iOS/Android)两方面的内存管理机制，适用于中高级React Native开发者。文章首先介绍内存泄漏的基本概念，然后深入分析React Native特有的内存泄漏场景，接着提供诊断工具和解决方案，最后讨论预防策略和最佳实践。内存泄漏(Memory Leak): 程序中已分配的内存无法被垃圾回收器回收，导致内存使用量持续增长的现象垃圾回收(GC)

阅读 881

17赞

React Native环境配置完整版（超详细）为方便不同项目所需Node.js版本不同，降低后续项目要给Node.js降级的麻烦，先安装NVM管理Node.js，NVM可以很方便的切换版本。在进行环境配置之前，设置文件权限，避免之后报错。右键D盘Program Files文件下的nodejs文件，属性-安全-编辑-允许-应用-确定。至此，NVM和Node.js配置完成。然后直接点击install即可。找到V1.1.11版本。

阅读 5.1k

34赞

React Native 提交至 App Store 报错 The archive did not include a dSYM for the hermes.framework 终极解决方案通过以上步骤，可彻底解决 Hermes dSYM 缺失问题，顺利提交应用到 App Store。Hermes 的 dSYM 文件需根据构建目标（真机、模拟器等）放置到正确的架构目录中。升级 React Native 后，旧版本的缓存可能导致构建异常。React Native 的构建流程可能未正确生成 Hermes 的调试符号文件。从旧版本升级到 RN 0.76.7 时，残留的构建缓存或依赖可能导致符号文件丢失。，适用于本地生成失败或 UUID 不匹配的场景。将下载的 dSYM 文件复制到归档的。

阅读 3.6k

12赞

React Native Keep Awake 安装与配置指南 React Native Keep Awake 安装与配置指南 react-native-keep-awake Keep the screen from going to sleep. iOS and Android. 项目地址:...

阅读 759

27赞

10分钟快速入门React Native：从基础到实战 React Native是由Facebook开发的一款开源框架，它允许开发者使用JavaScript语言结合React的声明式UI原理来开发跨平台的移动应用。该框架的出现，极大地降低了前端开发者涉足移动开发的门槛，同时保留了原生应用的性能和体验。高效的开发周期：通过React Native，开发者能够同时为Android和iOS两个平台编写代码，这意味着可以快速发布应用，极大地缩短了产品上市时间。原生体验：React Native直接使用原生模块，因此它能够提供接近原生应用的交互和性能体验。共享代码库。

阅读 1.6k

20赞

【React Native 运行报：Dependency requires at least JVM runtime version 11. This build uses a Java 8 JVM】报错信息：unspecified:unspecified:unspecified > Dependency requires at least JVM runtime version 11. This build uses a Java 8 JVM.

阅读 2.1k

11赞

Uniapp、Flutter 和 React Native 全面对比本文对 Uni-app、Flutter 和 React Native 三大跨平台移动应用开发框架进行了全面对比，涵盖性能、跨平台能力、学习曲线、社区生态、原生扩展、UI 渲染、企业应用和开发效率八个维度。Uni-app 基于 Vue.js，支持多端发布，学习曲线平缓，社区生态以中文为主；Flutter 使用 Dart 语言，性能接近原生，UI 表现一致，但学习成本较高；React Native 基于 JavaScript 和 React，前端开发者易于上手，社区资源丰富，但性能在复杂场景下可能受限。三者各有

阅读 1.4k

29赞

【AI】React Native中使用Zustand框架及自动生成选择器 Zustand是一个用于React应用的状态管理库，它提供了一种简洁而高效的方式来管理应用的状态。与Redux等其他状态管理库相比，Zustand更加轻量级，学习曲线更低，但功能同样强大。选择器（selectors）是用于从状态中选择特定部分数据的函数。在Zustand中，选择器可以让你更方便地访问和操作状态的一部分，而不需要每次都访问整个状态对象。

阅读 1.1k

15赞

react native搭建项目 React Native 是一个使用 JavaScript 和 React 构建跨平台移动应用的框架。

阅读 925

15赞

威哥说编程

跨平台应用开发新时代：基于 Flutter 与 React Native 的技术比较与实践选择Flutter还是主要取决于项目的需求和开发团队的技能背景。若项目需要高度自定义的 UI 或者对性能有较高要求，Flutter是一个更好的选择；而如果开发团队已经熟悉 JavaScript 和 React，且希望快速开发跨平台应用，则更为适合。总之，现代跨平台开发技术使得移动应用开发变得更加高效、灵活。无论选择 Flutter 还是 React Native，开发者都能在短时间内构建出高质量的跨平台应用。希望这篇文章为你提供了足够的参考，帮助你在优快云上发表一篇具有深度的技术文章。

阅读 859

12赞

鸿蒙版 React Native 正式开源，ohos_react_native 了解一下最后，可以看到本次开源的 ohos_react_native 完善度很高，从文档和内容都十分丰富，虽然中间建立的 N-API 到 C-API 的重构，但是经历一整年的修补，目前整体完成度还不错，相信对于 RN 开发适配鸿蒙的帮助还是相当可以的，目前看来距离 Next 的正式发布也不远了。参考资料：https://gitee.com/openharmony-sig/ohos_react_native。

阅读 9.2k

31赞

移动端混合框架大比拼：Uniapp、Taro、React Native 和 Flutter Flutter以高性能和一致的UI体验适合对UI要求高的复杂应用。今天我们将对比四个主流框架：Uniapp、Taro、React Native和Flutter，探讨它们在Android和iOS平台上的表现和差异，帮助开发者选择最佳工具进行高效开发。简介：Flutter是开源的跨平台UI框架，使用Dart语言和自主的渲染引擎，为Android和iOS平台提供高性能和一致的跨平台UI体验。简介：React Native使用React框架，编译到原生代码，广泛应用于移动开发，提供接近原生的用户体验。

阅读 1.1w

41赞

react Native 部署配置开发环境需要环境：javaSdk（官方推荐jdk11）node（确保它是 Node 16 或更高版本）1。安装下载Android Studio ，在安装导向中，确保选中2.安装Android SDK默认情况下，Android Studio 会安装最新的 Android SDK。但是，使用原生代码构建 React Native 应用特别需要 SDK。可以通过 Android Studio 中的 SDK 管理器安装其他 Android SDK。

阅读 2.3k

46赞

前端极客探险家

Flutter vs React Native：跨平台移动开发框架对比 Flutter vs React Native：跨平台移动开发框架对比

阅读 2.1k

41赞

三七二十一的七

React Native与Expo学习项目实战：Simple Views入门 React Native和Expo都是现代移动应用开发的重要工具，它们的出现源自于开发者对跨平台开发效率和体验的需求。React Native由Facebook于2015年推出，允许开发者使用JavaScript和React来编写原生移动应用，大大缩短了开发时间并提高了代码的重用率。Expo作为React Native的一个平台，其目的在于进一步简化开发流程，降低开发者入门门槛，使得开发人员可以更快速地实现应用的原型设计与迭代。

阅读 906

17赞

React Native Redux 使用指南 redux-toolkit 简化创建 reducer 和 action 的函数，自动生成 action creators 和 action types: 简化 store 的配置，自动配置 Redux DevTools 和中间件Provider: React-Redux 提供的组件，使整个应用可以访问 Redux store: 从 Redux store 中提取数据的 Hook: 获取 dispatch 函数的 Hook，用于派发 actionskey: 存储在 AsyncStorage 中的键名storage。

阅读 1.4k

18赞

乔昊稳Oliver

React Native Bottom Sheet 项目常见问题解决方案 React Native Bottom Sheet 项目常见问题解决方案 react-native-bottom-sheet A performant interactive bottom sheet with fully configurable options ???? ...

阅读 1.0k

26赞

作者推荐

林克在思考: 一个喜欢折腾技术的开发者

关注

老码小张: 前腾讯电子签前端负责人，whentimes CTO，精通移动客户端架构设计、性能调优。精通 react、vue 等前端主流框架。微信公众号：老码小张

关注

wayne214: 欢迎大家关注公众号：君伟说。

关注

小蘑菇mmp: 一朵小蘑菇

关注

尘云逸: 计科专业，仍在学习充电中loading……

关注

NoteList01: 技术开源，分享经验。

关注

YuZou 邹宇: 硬件工程师、软件工程师、设计师、产品经理、游戏开发人员、机械设计师、AI 探索者和初创公司联合创始人……

关注

@小·十七: 边学边写！

关注

gxhlh: 智慧的获取，能力的提升，创造力的领悟，是基于长期的投资回报周期。

关注

KeYiTangPing: 起风了，唯有努力生存。我还在学习，欢迎大家指教，我们可以互相讨论；我写的东西有时候理解比较浅，我只是把优快云作为我学习的一个工具，防止学的东西忘了，有错误欢迎大家指出，功能性实例代码都是项目中运行过成功的案例，谢谢。

关注