技术栈
react native
沐言人生
9 小时前
android
·
react native
ReactNative 源码分析11——Native View创建流程setChildren和manageChildren
本篇文章继续分析setChildren方法JS 端 finalizeInitialChildren 发送 UIManager.setChildren(parentTag, [childTag1, childTag2, ...])。它是 manageChildren 的简化版,只在首次挂载时使用,假设子节点按顺序排列。
沐言人生
1 天前
android
·
react native
ReactNative 源码分析10——Native View创建流程createView
继续上一篇分析下面方法调用讲完ReactShadowNode了我们可以看看createView,主要分3 步:
坏小虎
1 天前
javascript
·
react native
·
react.js
【聊天列表组件选型建议】FlashList、FlatList、LegendList三种列表组件
根据您的需求,聊天列表通常需要处理动态高度、频繁更新、实时消息推送等特性。以下是三种列表组件的适用性分析:
sealaugh32
2 天前
笔记
·
学习
·
react native
react native(学习笔记第五课) 英语打卡微应用(4)- frontend的列表展示
最终的前段代码(注意,分支是article_list) 最终的后端代码 进行代码的比较。这里在原有的main分支基础上,做成了article_list分支,来开发列表显示的画面。即用户扫描了图片,调用AI进行了语音文件的转换之后,在自动转到一览(list)画面,进行全体的显示和试听。 接下来比较main分支和article_list分支的代码差分。
沐言人生
3 天前
android
·
react native
ReactNative 源码分析9——Native View初始化
本篇文章分析一下Native View的创建流程,因为View的绘制是非常复杂的,我重点讲这两点:Native View创建流程是基于Native Modules通信机制的,我们先看看它的初始化过程。集成RN时可以在初始化提供开发者自定义的ModulesPackage
接着奏乐接着舞
3 天前
javascript
·
react native
·
react.js
react native expo打包
转载自使用 Expo EAS(Expo Application Services)官方云打包服务,无需本地安装 Android Studio 或配置 Android SDK,直接在云端生成 .apk 文件。
jxm_csdn
4 天前
react native
Expo Go 本地命令行编译 apk(Ubutnu22.04)
这里提供两种推荐的安装方式,选择你习惯的一种即可。这种方式最省心,它会帮你管理 SDK、更新和平台工具。
红尘散仙
5 天前
react native
·
react.js
·
rust
一套 Rust 核心,跑通 Tauri + React Native
一篇写给“想做跨端产品,但不想把业务逻辑在每个平台重写一遍”的工程笔记。主角是 SwarmNote:桌面端用 Tauri + React,移动端用 Expo + React Native,底层共享同一份 Rust 核心。
诚实可靠王大锤
6 天前
前端
·
javascript
·
react native
·
react.js
React Native 输入框与按钮焦点冲突解决方案(rn版本0.70.3)
在 React Native 0.70.3 版本中,当页面同时存在输入框(TextInput)和按钮(Button)时,会出现以下问题:
sealaugh32
9 天前
笔记
·
学习
·
react native
react native(学习笔记第四课) 英语打卡微应用(3)-ocr的文字转化成语音文件(tts)
TTS是Text To Speech的缩写,即“从文本到语音”,是人机对话的一部分,让机器能够说话。TTS技术对文本文件进行实时转换,转换时间之短可以秒计算,速度非常快。
wordbaby
10 天前
前端
·
react native
·
react.js
如何封装一个生产级的 React Native 分页列表 Hook
一次彻底解决并发锁、闭包陷阱、双重触发三个经典问题在 React Native 开发中,带下拉刷新和上拉加载的分页列表几乎是每个 App 的标配。但只要你认真做过,就会踩到这几个坑:
沐言人生
12 天前
android
·
react native
ReactNative 源码分析5——ReactActivity之启动RN应用
接着上篇我们继续分析setupReactContext方法setupReactContext函数核心方法
沐言人生
13 天前
android
·
react native
ReactNative 源码分析4——ReactActivity之加载JSBundle
接着ReactInstanceManager.createReactContext方法继续讲最终会调用到如下 2 个方法进入C++层
沐言人生
14 天前
android
·
react native
ReactNative 源码分析3——ReactActivity之初始化RN应用
ReactActivity内容逻辑被代理到ReactActivityDelegate,可以看到ReactActivityDelegate中是直接通过ReactApplication获取ReactNativeHost和ReactHost,这点在前面《React Native 源码分析1——Application初始化》文章中已经分析过了
一个扣子
14 天前
react native
·
未来发展
·
路线图
·
hermes
·
字节码diffing
·
性能增强
Hermes 未来路线图:2025 年起的新特性与 React Native New Architecture 协同
从并发 GC 到字节码 Diffing,Hermes 的下一个十年Hermes 自 2019 年开源以来,已经从一个“可选优化”变成了 React Native 的默认引擎。2025 年之后,Hermes 团队和 React Native 核心团队将更紧密地合作,路线图中充满了令人兴奋的特性:更好的并发性、更智能的字节码缓存、更深入的 JSI 集成。
沐言人生
15 天前
android
·
react native
React Native 源码分析1——HybridData 机制深度分析
基于RN0.77 源码HybridData 来自 Facebook 的 fbjni 库(com.facebook.jni.HybridData),它是一个将 C++ 对象指针封装在 Java 对象中的桥梁类。本质上是 Java 层持有 C++ 层对象的"句柄",实现了 Java 和 C++ 之间一对一的对象绑定。
空中海
15 天前
javascript
·
react native
·
react.js
01 React Native 基础、核心组件与布局体系
React Native 不是“把 HTML 写进手机”。它使用 React 的组件模型和状态模型,但渲染目标是 Android 和 iOS 的原生视图。学习 React Native 的第一步,是把 Web 心智切换到移动端心智:没有 DOM、没有 CSS 完整层叠模型、没有浏览器布局默认行为,只有平台视图、触摸交互、设备尺寸、原生能力和跨平台差异。
Yue168
15 天前
react native
一文教你五分钟学会Zustand,React状态管理更加方便!
说明:本笔记源于我学习B站up"一线柏拉图"的视频 www.bilibili.com/video/BV1Tr… 前置知识:基本掌握React语法,包括useState,useReducer,useContext,状态提升,组件间共享状态等
空中海
15 天前
react native
·
react.js
·
架构
03 性能、动画与 React Native 新架构
React Native 性能不是只看 React 重新渲染。移动端还要关注 JS 线程、UI 线程、原生模块调用、列表虚拟化、图片内存、动画流畅度和启动时间。本章覆盖从性能基础到 New Architecture 的专家能力。
空中海
15 天前
javascript
·
react native
·
react.js
02 React Native状态、导航、数据流与设备能力
React Native 应用的复杂度通常来自四个方向:状态管理、页面导航、异步数据、设备能力。本章把这些能力串成移动端应用的核心数据流。