react native标签_AI Agent技术社区

react native

React Native项目中ios模拟器启动app意外退出

记录这个是因为环境依赖已经全部安装成功后，app启动意外关闭。

向往139
2025-08-21 14:37:27

 245

 1

#react native #react.js #javascript
React Native 初体验

首次使用 React Native 开发跨端应用，从项目选型、初始化，到开发中的设计架构、坑点，以及 iOS 应用的审核上架等一一讲解。

yuanyxh
2025-08-29 23:42:58

 1414

 13

#react native #react.js #javascript +3
React Native基本用法

RN 基础知识

 qczg_wxg
2025-08-30 22:47:35

 439

 1

#react native #react.js #javascript
React Native系统组件（一）

ReactNative系统组件

 qczg_wxg
2025-08-31 01:55:32

 386

 1

#react native #react.js #javascript
在 React Native 层禁止 iOS 左滑返回（手势返回/手势退出）

React Native禁用iOS左滑返回手势主要有两种方法：1）在react-navigation中通过gestureEnabled: false配置，可针对单个页面或全局禁用；2）使用react-native-screens时通过<Screen gestureEnabled={false}>设置。该配置仅影响iOS手势返回功能，不影响导航栏返回按钮或Android物理返回键。推荐使

 Winson℡
2025-09-01 16:36:03

 902

 5

#react native #ios #react.js
React Native的动画系统

React Native动画

 qczg_wxg
2025-09-03 03:02:56

 512

 3

#react native #react.js #javascript
react-native-reanimated-carousel的API记录

react-native-reanimated-carousel的API记录

 getyefang
2025-09-03 14:30:26

 544

 7

#react native #react.js #javascript
React Native启动性能优化实战：Hermes + RAM Bundles + 懒加载

→ 解析快、加载少懒加载 + 动态引入→ 首屏只加载必要模块延迟初始化 SDK→ 不阻塞冷启动持续监控首屏渲染时间→ 借助ReactPerf或埋点监控RN 启动性能优化没有“一招鲜”，而是需要从原生侧 + JS 层两方面协同优化。本文提供了一套可落地、可直接上手的方案，如果你也在 RN 项目中苦恼启动慢，不妨试试 Hermes + RAM Bundles + 懒加载的组合拳。

wayne214
2025-09-28 19:47:22

 1070

 19

#react native #性能优化 #react.js
React 和 React Native 不再直接归属 Meta，React 基金会成立

React宣布成立独立基金会，将React及相关项目从Meta迁移至新机构。基金会由亚马逊、微软等多家企业支持，旨在保持项目中立性，推动社区驱动的技术发展。Meta承诺提供5年资金和工程支持。此举标志着React正式成为跨公司开源项目，由Linux基金会背书，确保其长期稳定发展。

恋猫de小郭
2025-10-09 09:15:33

 715

 5

#react.js #react native #前端 +2
react native android设置邮箱，进行邮件发送

本文介绍了在React Native Android应用中实现邮件发送功能的方法。首先需要在build.gradle中添加邮件发送依赖包（android-mail和android-activation）。然后展示了一个EmailSender工具类，该类封装了邮件发送逻辑，包括设置SMTP服务器参数、身份验证和邮件内容构建。最后给出了在NativeModule中调用该功能的ReactMethod实现

 小妖怪的夏天
2025-10-09 10:00:50

 381

 2

#android #react native #spring boot
React 独立了！Meta 牵头，携手多家科技巨头成立基金会

通过一个中立的基金会来管理，可以让社区里更多重要的公司和开发者参与进来，共同决定 React 的未来。将 React 移交给基金会，不是一个时代的结束，而是一个新时代的开始。这是一个中立的、非营利的组织，它的任务是为 React 生态提供一个稳定的大后方。这是一个非常聪明的举动。从 Meta 内部项目，到开源社区的明星，再到如今成立独立的基金会，React 的这十年，是前端技术黄金十年的缩影。Me

五月君_
2025-10-09 19:29:32

 428

 4

#react.js #科技 #react native +2
React Native：发现默认参数children【特殊的prop】

这段React代码展示了组件间的事件传递和children特性的使用。Toolbar组件将两个事件处理函数传递给Button组件，而Button组件通过onClick和children两个props接收参数。有趣的是，children参数会自动获取组件标签内的内容（如"Play Movie"文本），且必须命名为children。这种设计体现了React的灵活性，其中childr

shunzi2016
2025-10-10 16:11:02

 406

 2

#react native #javascript #ecmascript
React Native项目查看Android 原生 Log打印日志

在 React Native 项目中，Android 原生代码的Log打印（如Log.d中，需要通过 Android 官方的调试工具查看。

wlh1112
2025-10-10 14:24:46

 534

 3

#react native #android #react.js
React Native：一文搞定React Hook 函数进阶

# React Hook 函数概述React Hook 是 16.8 版本引入的特性，是能在函数组件中“钩入”React 内部状态与生命周期等能力的函数，无需 class 组件即可实现状态管理、副作用处理等核心功能，解决了 class 组件逻辑复用复杂（如 HOC 嵌套）、生命周期逻辑混乱等痛点。

shunzi2016
2025-10-11 10:57:23

 826

 11

#react.js #react native #javascript
React Native：一文搞懂React编程语言中的函数形式

React中的函数形式主要围绕函数组件和Hooks展开：函数组件：以纯函数形式定义，接收props返回JSX，无this绑定，更简洁易测核心Hooks： useState管理状态 useEffect处理副作用 useContext共享状态其他优化Hooks如useCallback/useMemo 进阶模式：箭头函数组件简化写法自定义Hooks实现逻辑复用（替代传统HOC）函数组件+Ho

shunzi2016
2025-10-13 04:15:00

 939

 14

#react.js #react native #javascript
React Native：React开发过程中理解和使用上的陷阱

React开发中，JavaScript/TypeScript的基础概念误解和JSX语法误用是常见陷阱。本文从7大核心场景分析常见问题：1）变量作用域与提升误用，建议使用let/const替代var；2）this绑定丢失，需注意Class组件的方法绑定；3）引用类型比较错误，应比较内容而非引用；4）JSX中误用语句，需改用表达式；5）HTML属性与JS关键字冲突，如用className替代class

shunzi2016
2025-10-13 07:30:00

 1467

 43

#react.js #react native #javascript
React Native：从react的解构看编程众多语言中的解构

摘要：解构（Destructuring）是一种从复合数据结构（数组、对象等）快速提取值的语法特性，可简化代码并提升可读性。JavaScript支持数组/对象解构，Python通过解包实现类似功能，C#和Java也提供解构支持。核心优势包括代码简化、灵活处理复杂结构及便捷参数处理。不同语言语法略有差异（如JS用[]/{}，Python用*），但目标一致：优化数据提取效率，尤其在处理API响应等场景中

 shunzi2016
2025-10-13 16:00:00

 1538

 39

#react.js #react native #javascript
React Native跨平台鸿蒙开发高级应用原理：ArkTS TurboModule的如何实现

React Native新架构引入TurboModule机制提升原生模块性能，本文详细介绍了在OpenHarmony平台实现TurboModule的方法。内容包括：目录结构规范、JavaScript接口声明、模块配置说明，以及通过Codegen生成类型安全接口的原理。重点解析了TurboModule相比传统Bridge的优势，提供了多版本兼容配置方案和实际项目部署指南，为开发者在鸿蒙平台上优化Re

m0_68635815
2025-10-13 18:24:34

 395

 4

#react native #react.js #javascript +1
React Native跨平台鸿蒙开发高级应用原理：如何设置自定义TurboModule运行在worker线程

本文介绍了在HarmonyOS应用中设置自定义TurboModule运行在worker线程的实现方法。首先需要将CalculatorModule的基类从UITurboModule改为AnyThreadTurboModule，并修改相关父类方法。其次要配置TurboModule运行在worker线程，需继承RNAbility并重载getRNOHWorkerScriptUrl方法，指定worker脚本

 m0_68635815
2025-10-13 18:21:58

 300

 4

#react native #react.js #javascript +1
React Native跨平台鸿蒙开发高级应用原理：使用（RNOH）框架时，用于配置和初始化 Worker 线程的关键文件

本文展示了在鸿蒙系统中配置React Native OpenHarmony(RNAOH)框架Worker线程的关键实现。代码通过setupRNOHWorker函数创建Worker环境，支持多实例差异化配置，主要包括：核心架构：采用线程隔离设计，通过createWorkerRNInstanceConfig工厂函数实现不同RN实例的定制化配置核心功能：支持创建自定义HttpClient，可按实例

 m0_68635815
2025-10-13 18:21:06

 340

 4

#react native #react.js #javascript +1
React Native跨平台鸿蒙开发高级应用原理：如何利用 rnInstanceName实现线程配置一致性

本文介绍了Worker线程配置的核心参数createWorkerRNInstanceConfig及其关键参数rnInstanceName的作用。rnInstanceName用于确保Worker线程与主线程配置的一致性，支持多实例差异化配置，如不同实例使用不同的网络和证书规则。通过示例代码展示了如何基于实例名称实现配置对齐和逻辑复用。此外，文章还说明了主线程和Worker线程配置的独立性，强调rnI

m0_68635815
2025-10-13 18:20:15

 343

 5

#react native #react.js #javascript +1
React Native + Expo Android&iOS推送通知完整指南

本项目使用 Expo Notifications API 实现跨平台推送通知功能，支持 Android (FCM) 和 iOS (APNs) 两个平台。

努力的牛肉丸
2025-10-16 16:48:12

 620

 5

#react native #android #ios
本地调试 React Native (RN) 组件库代码方式（方式二验证成功）

本地调试 React Native (RN) 组件库代码

 chenbin___
2025-10-16 20:13:34

 647

 9

#react native
React Native 项目中 WebSocket 的完整实现方案【完善版】

WebSocket 是一种网络通信协议，它允许客户端和服务器之间建立持久的双向连接。与传统的 HTTP 请求-响应模式不同，WebSocket 连接一旦建立，双方都可以主动发送数据，无需等待对方的请求。这就像是建立了一条"数字高速公路"🛣️，数据可以双向快速流动！WebSocket 协议最初是为了解决 Web 应用中实时通信的需求而设计的。在 WebSocket 出现之前，开发者通常使用轮询（P

Cxiaomu
2025-10-18 10:46:48

 1014

 23

#react native #websocket #react.js