React Native中FlatList根据父容器尺寸动态调整fontSize的实现咨询

拟开发的组件能力 #

计划开发基于FlatList的通用列表组件，使其可根据挂载所在的View或其他尺寸约束区域的实际可用尺寸，动态调整文本字号，保持跨场景的视觉比例统一。

典型应用场景 #

组件将接入同源API返回的列表数据，在不同应用页面中以不同尺寸约束展示：

• 在应用首屏以全屏尺寸展示完整列表
• 在应用二级页面的角落小尺寸区域内展示同规则列表
  预期的展示效果为：不同容器尺寸下，列表的元素排版占比、对齐关系完全统一，仅整体视觉大小随容器适配缩放。

预设实现思路 #

通过配置列表条目的对齐规则、flex弹性布局属性，让FlatList内部元素的位置、占比不随父容器尺寸变化发生错位，仅通过同步调整fontSize即可维持一致的视觉比例。

待确认的核心问题 #

• 该需求是否可通过FlatList结合动态字号调整的方式实现
• 若方案可行，用于感知父容器尺寸的相关逻辑，应当如何做状态存储、如何在组件树中跨层级传递
• 希望获取适配该需求的通用简洁实现方案，对FlatList的偏好仅来源于其开箱即用的能力适配当前简单列表场景，同时需要确认是否存在该类尺寸适配需求无法通过FlatList落地的限制

内容的提问来源于stack exchange，提问作者elderlyman