React Native FlatList 为什么建议固定行高或使用 getItemLayout？
围绕“React Native FlatList 为什么建议固定行高或使用 getItemLayout”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释动态测量带来的布局计算成本与 scrollToIndex/初始滚动位置失效问题。
核心关键词FlatList getItemLayout 固定行高
面试知识索引 · 分类、标签与搜索
React Native面试题，135 道完整答案
React Native面试题第 3 页，显示第 101–135 题，共找到 135 道完整解析，可继续按分类、标签与关键词缩小范围。
135筛选结果
52技术分类
178检索标签
3索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 3 页
本页面试问题
按稳定语义路径排序
- 0101
- 0102
React Native FlatList 的 keyExtractor 为什么影响列表更新性能与正确性？
围绕“React Native FlatList 的 keyExtractor 为什么影响列表更新性能与正确性”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明不稳定 key 导致整行重挂载、状态丢失的机制，以及应选稳定唯一 id。
核心关键词FlatList keyExtractor key 稳定性 - 0103
React Native FlatList 的 maxToRenderPerBatch 与 updateCellsBatchingPeriod 如何配合控制滚动流畅度？
围绕“React Native FlatList 的 maxToRenderPerBatch 与 updateCellsB”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明批量渲染大小与批次间隔对掉帧和白屏的此消彼长。
核心关键词FlatList maxToRenderPerBatch updateCellsBatchingPeriod - 0104
React Native FlatList 的列表项为什么应该做成纯组件并避免行内匿名回调？
围绕“React Native FlatList 的列表项为什么应该做成纯组件并避免行内匿名回调”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 renderItem 引用变化与 item 数据变化触发的重渲染链路，以及用 memo/稳定回调的隔离方式。
核心关键词FlatList renderItem 重渲染 PureComponent - 0105
React Native FlatList 的 removeClippedSubviews 什么时候有用、什么时候会导致内容消失？
围绕“React Native FlatList 的 removeClippedSubviews 什么时候有用、什么时候会”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明该属性在 Android 上裁剪屏幕外视图省内存的收益，以及绝对定位/变换内容被误裁剪的典型问题。
核心关键词FlatList removeClippedSubviews bug - 0106
React Native 中父组件状态频繁变化导致整个 FlatList 重渲染该怎么治理？
围绕“React Native 中父组件状态频繁变化导致整个 FlatList 重渲染该怎么治理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出状态下沉、拆分组件、把 renderItem 与 data 引用稳定化等手段，并区分与 extraData 场景的边界。
核心关键词FlatList 父组件状态 重渲染 - 0107
React Native 中长列表为什么应该用 FlatList 而不是 ScrollView？
围绕“React Native 中长列表为什么应该用 FlatList 而不是 ScrollView”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 ScrollView 一次性渲染全部子项带来的内存与首屏开销，以及 FlatList 按需渲染的区别。
核心关键词FlatList vs ScrollView 性能 - 0108
React Native FlatList 的窗口化（windowing）机制是怎样工作的？
围绕“React Native FlatList 的窗口化（windowing）机制是怎样工作的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释可视窗口外项目被移除/复用的策略与 windowSize 的默认行为。
核心关键词FlatList windowSize 虚拟化 窗口化 - 0109
React Native 性能优化中 60fps 的帧预算意味着什么，JS 帧与 UI 帧有何区别？
围绕“React Native 性能优化中 60fps 的帧预算意味着什么，JS 帧与 UI 帧有何区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释每帧约 16.7ms 预算，以及官方区分的 JS 帧率与 UI 帧率各自掉帧的不同含义。
核心关键词React Native 60fps 帧预算 JS frame UI frame - 0110
React Native 手势跟手动画要保证 60fps，关键约束是什么？
围绕“React Native 手势跟手动画要保证 60fps，关键约束是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明手势事件经 JS 线程处理时，JS 忙即掉帧，因此要让跟手逻辑留在 UI/原生侧。
核心关键词React Native 手势动画 60fps 掉帧 - 0111
React Native 横向卡片列表如何用 FlatList 实现吸附滚动且不掉帧？
围绕“React Native 横向卡片列表如何用 FlatList 实现吸附滚动且不掉帧”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 snapToInterval/declerationRate 与 getItemLayout 配合的必要性，以及大卡片下的渲染。
核心关键词FlatList 横向 snapToInterval 吸附 - 0112
React Native 图片解码发生在哪个线程，为什么仍可能让 UI 掉帧？
围绕“React Native 图片解码发生在哪个线程，为什么仍可能让 UI 掉帧”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明解码可 offload 但位图上传 GPU 与布局仍在主/UI 线程，大图或密集图片仍掉帧。
核心关键词React Native 图片解码线程 为什么仍掉帧 - 0113
React Native Image 在 iOS 与 Android 上的缓存行为有什么差异，会带来什么实战问题？
围绕“React Native Image 在 iOS 与 Android 上的缓存行为有什么差异，会带来什么实战问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Android 依赖底层 Fresco 缓存而 iOS 依赖原生 URL 缓存、强制刷新与更新不生效的处理方式，不评价第三方缓。
核心关键词React Native Image 缓存 iOS Android 差异 - 0114
React Native Image 组件在列表中使用时有哪些基础性能要求？
围绕“React Native Image 组件在列表中使用时有哪些基础性能要求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明尺寸必须明确、resizeMode 选择对解码与布局的影响。
核心关键词React Native Image 列表 性能 resizeMode - 0115
React Native 列表图片加载时的闪烁与布局跳动如何从组件层面避免？
围绕“React Native 列表图片加载时的闪烁与布局跳动如何从组件层面避免”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出固定临时标记尺寸、fadeDuration（Android）控制等手段，并说明跳动根源是图片到达后尺寸重排。
核心关键词React Native Image 占位 fadeDuration 布局跳动 - 0116
React Native 直接渲染几 MB 的原图为什么会造成卡顿和内存飙升？
围绕“React Native 直接渲染几 MB 的原图为什么会造成卡顿和内存飙升”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释解码后位图按像素占内存的放大关系，以及服务端缩略图/指定尺寸的解决路径。
核心关键词React Native 大图 解码 内存 - 0117
React Native 中本地静态图片与远程图片在打包与渲染性能上有哪些本质区别？
围绕“React Native 中本地静态图片与远程图片在打包与渲染性能上有哪些本质区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 require 静态资源随包体注册与远程按需加载的差异，以及 require 动态路径不可用的原因。
核心关键词React Native 本地图片 require 远程图片 - 0118
React Native Image.prefetch 适合什么场景，滥用会有什么代价？
围绕“React Native Image.prefetch 适合什么场景，滥用会有什么代价”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明提前解码到磁盘缓存对即将进入屏幕的图片的收益，以及预取过多占带宽与缓存挤出的代价。
核心关键词React Native Image prefetch 预加载 - 0119
React Native 的 InteractionManager.runAfterInteractions 解决什么问题，有什么局限？
围绕“React Native 的 InteractionManager.runAfterInteractions 解决什”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明把重工作推迟到转场/交互动画之后以保证动画流畅，以及任务队列堆积时延迟不可控的局限。
核心关键词InteractionManager runAfterInteractions 场景 - 0120
React Native 中 JS 线程被长任务阻塞时用户会看到什么现象，为什么？
围绕“React Native 中 JS 线程被长任务阻塞时用户会看到什么现象，为什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明依赖 JS 的动画、触摸响应与渲染全部延迟的表现，以及把重计算移出 JS（原生模块、分片）的方向。
核心关键词React Native JS 线程阻塞 界面卡死 - 0121
React Native 旧架构中 JS 线程、UI（主）线程与原生模块线程分别负责什么？
围绕“React Native 旧架构中 JS 线程、UI（主）线程与原生模块线程分别负责什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 JS 执行业务逻辑、UI 线程负责布局绘制与触控、桥负责异步通信的职责划分。
核心关键词React Native 线程模型 JS 线程 UI 线程 - 0122
React Native LayoutAnimation 适合哪类动画，什么时候不够用？
围绕“React Native LayoutAnimation 适合哪类动画，什么时候不够用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明其适合布局变化的整体过渡、声明简单，但不支持精细手势跟随与逐元素编排，并注意 Android 需手动开启。
核心关键词LayoutAnimation 适用场景 局限 - 0123
React Native 聊天类双向加载列表用 FlatList 需要注意哪些问题？
围绕“React Native 聊天类双向加载列表用 FlatList 需要注意哪些问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 inverted 的工作原理、向头部插入数据导致的滚动位置跳动及 maintainVisibleContentPosition。
核心关键词FlatList 聊天 倒置列表 inverted 双向分页 - 0124
React Native 长列表内存持续上涨应如何从列表角度排查？
围绕“React Native 长列表内存持续上涨应如何从列表角度排查”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出 key 不稳定导致挂载累积、item 内订阅未清理、windowSize 过大等列表特异性原因。
核心关键词FlatList 内存泄漏 排查 - 0125
React Native 中 FlatList 嵌套在 ScrollView 里为什么既报警告又伤性能？
围绕“React Native 中 FlatList 嵌套在 ScrollView 里为什么既报警告又伤性能”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释同向嵌套使虚拟化失效、全部子项被渲染的原因，并给出 Header/Footer 化或分段拆分的替代结构。
核心关键词FlatList 嵌套 ScrollView VirtualizedList 警告 - 0126
React Native 新架构（Fabric/JSI）相对旧桥接模型在性能上解决了什么核心问题？
围绕“React Native 新架构（Fabric/JSI）相对旧桥接模型在性能上解决了什么核心问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 JSI 同步调用与 Fabric 渲染管线消除异步桥瓶颈的核心收益，并标注这是新架构专属内容。
核心关键词React Native 新架构 JSI Fabric 性能 - 0127
React Native FlatList 的 onEndReached 被重复触发或过早触发该怎么处理？
围绕“React Native FlatList 的 onEndReached 被重复触发或过早触发该怎么处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 threshold 的语义、首屏不足一屏导致立即触发的现象，以及用加载中标志位去重的模式。
核心关键词FlatList onEndReached 重复触发 onEndReachedThreshold - 0128
如何用 React Native 内置 Perf Monitor 判断卡顿发生在 JS 线程还是 UI 线程？
围绕“如何用 React Native 内置 Perf Monitor 判断卡顿发生在 JS 线程还是 UI 线程”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出根据两条帧率曲线定位瓶颈侧的判读方法及对应的下一步排查方向。
核心关键词Perf Monitor JS FPS UI FPS 判断 - 0129
如何用 Hermes 的采样 profiling 定位 React Native 中的 JS 热点函数？
围绕“如何用 Hermes 的采样 profiling 定位 React Native 中的 JS 热点函数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 Hermes profile 找出耗时 JS 函数并据此优化渲染/计算的流程，并标注依赖 Hermes 引擎。
核心关键词Hermes profiling 采样 性能定位 - 0130
React Native 中监听 ScrollView 的 onScroll 为什么必须设置 scrollEventThrottle 并谨慎处理回调？
围绕“React Native 中监听 ScrollView 的 onScroll 为什么必须设置 scrollEvent”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 iOS 默认不连续派发滚动事件、回调频率与 JS 线程压力的关系，并引出把滚动逻辑移到原生/动画线程的方向。
核心关键词scrollEventThrottle onScroll 性能 - 0131
React Native SectionList 在大量分组数据下有哪些特有性能注意点？
围绕“React Native SectionList 在大量分组数据下有哪些特有性能注意点”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 sections 结构变化、sticky header 与每节渲染成本的关系，并指出何时应改用 FlatList 自行分组。
核心关键词SectionList 性能 分组列表 - 0132
React Native 页面转场卡顿的官方排查思路是什么？
围绕“React Native 页面转场卡顿的官方排查思路是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按官方性能文档说明转场期间 JS 线程过载是主因，以及 InteractionManager、减少转场期渲染的缓解手段。
核心关键词React Native 转场卡顿 slow navigator transitions - 0133
Android 上如何用 Systrace 分析 React Native 应用的掉帧来源？
围绕“Android 上如何用 Systrace 分析 React Native 应用的掉帧来源”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Systrace 能看到 JS/UI/原生各线程时间线、区分帧丢失责任侧的方法，并标注 Android 限定。
核心关键词React Native Android Systrace 掉帧分析 - 0134
React Native 的 inline requires（内联引用）优化如何缩短启动时间？
围绕“React Native 的 inline requires（内联引用）优化如何缩短启动时间”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明模块延迟加载减少启动期 JS 执行量的原理，及用 metro 配置与分析工具验证收益的方法。
核心关键词React Native inline requires 启动优化 - 0135
什么场景下应该直接使用 React Native VirtualizedList 而不是 FlatList？
围绕“什么场景下应该直接使用 React Native VirtualizedList 而不是 FlatList”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 FlatList 是 VirtualizedList 的便利封装，直接使用的典型动机是非普通数组数据或自定义 item 访问。
核心关键词VirtualizedList 不可变数据 自定义列表