react native

RN 的初版架构——UI 布局与绘制我们知道 RN 之所以受欢迎的其中一个原因就是把之前只有在 React 中有的 jsx 带进了 Native 开发的世界

RN 的初版架构——通信机制我们知道 RN 是一个跨语言跨线程的框架，所以要了解 RN 的通信机制，我们有两个问题需要解决：因为 RN 的初版架构是基于 Android 与 IOS 搭建的，所以我们要先来聊聊这两个系统是如何处理跨线程通信（ITC）的

AI/CICD/Next/React Native&Taro内容面试官您好，我将从技术广度、工程化实践、核心框架深度以及跨端技术选型这四个维度，来系统介绍我的知识体系和技术实践。

小仙女喂得猪

2025 Android原生开发者角度的Flutter 笔记整理(对比ReactNative)Flutter 完全绕过了原生控件和桥接层，自建渲染管线：Widget → Element → RenderObject 三棵树和React做一个比较

React Native:：关于react的匿名函数在 React 中，匿名函数是一种常见的使用方式，尤其在事件处理和回调函数中。它们是没有命名的函数，通常以 () => {} 或 function() {} 的形式直接定义和使用。

从零搭建 React Native 到项目运行全记录（0.73.6 稳定版）作为一名开发者，我最近在搭建 React Native 项目时遇到了不少坑，从环境配置到依赖冲突，再到 Gradle 下载超时等问题，耗费了大量时间。为了方便日后换电脑或工作环境时快速复用，特意整理这篇从零到一的搭建教程，包含所有关键配置和避坑指南

react native中实现水印相机功能参考市面app应用的水印相机功能，通常是实时拍照，然后可以选择水印样式和内容并添加到拍摄的照片上，再执行保存操作。水印相机的好处除了为照片留下美好印记也有一些需要巡检打卡等应用场景，核心是拍摄同时获取同步的位置信息等要素。

React Native：发现默认参数children【特殊的prop】根据react中文网教程：添加交互 – React 中文文档其中添加交互的响应事件部分有一段代码代码如下：

React Native 应用性能分析与优化不完全指南在移动应用开发中，性能是衡量用户体验的关键维度。当产品或技术团队提出明确的性能指标，例如“启动耗时需在2秒以内”或“内存占用需低于300MB”时，作为开发者需要一套科学、严谨的测量与分析方法来应对挑战。

全栈探索者

ReactNative开发实战——ReactNative 开发中的图标管理方案：基于 Iconfont 的自定义图标库实现在 ReactNative 应用开发过程中，业务图标的有效管理是一个常见且重要的需求。与 Web 开发不同，移动端开发需要考虑以下特殊因素：

手机不死我是天子

【碎片八股文 #001】为什么 React Native 要用 Bridge 通信？面试官: 你知道 React Native 的 JS 代码是怎么调用到原生模块的吗？候选人: 通过 Bridge 吧……但不太清楚原理。

小妖怪的夏天

react native android设置邮箱，进行邮件发送引入发送邮件的架包。在build.gradle 的dependencies 下引入：导入EmailSender类

React Native：关于react自定义css属性的位置毕竟react是中前端技术，所以对于UI是有要求的，骨架和层级设计完了，就该轮到样式出场了。参照：快速入门 – React 中文文档中的“添加样式”部分

React Conf 2025: React Native 新架构与生态详解React Conf 2025 的 React Native 部分聚焦于新架构的全面采用、性能工具升级以及生态扩展，标志着 React Native 进入更成熟、更高效的时代。该版本完全运行在新架构上，并引入实验性 Hermes V1 支持。这些变化旨在解决传统架构的性能瓶颈、兼容性和开发效率问题，帮助开发者构建跨平台应用。

React Native：快速熟悉react 语法和企业级开发目录前言：1.葡萄城技术团队的关于如何构建基础前端系统的博客文章1.1 什么是 React 中的 JSX？搞懂 React 专属语法-电商商品卡片

React Query入门指南：简化React应用中的数据获取前端开发中，数据获取一直是个老大难问题！！！尤其在React应用中，管理服务器状态、处理加载状态、错误处理以及缓存等都需要大量样板代码。很多开发者（包括我）都曾经被这些重复性工作折磨过…

鸿蒙键盘遮挡react native内容尝试import React, { useState } from 'react'; import { View, TextInput, Button, KeyboardAvoidingView, Platform, StyleSheet } from 'react-native';

React Native 中的 useCallback想象一下，你是一个顾客（组件），你在一个餐厅里点菜。没有 useCallback 的情况（普通做法）：

如何理解 React Native 中的 useEffect模式一：随叫随到的助理（无依赖数组）比喻：助理紧盯着你的一举一动，你每次呼吸他都会问"需要帮忙吗？" 使用场景：很少用，因为太烦人了！