Flutter CupertinoPicker切换后子项不显示、界面错乱如何解决？

• 为每个动态切换的CupertinoPicker添加唯一Key属性。Flutter替换同类型组件时会默认复用旧组件的渲染节点，没有唯一Key做区分会触发状态错乱、渲染异常，可通过key: ValueKey(当前Picker的唯一标识)或key: UniqueKey()实现。
• 为CupertinoPicker添加明确的尺寸约束。CupertinoPicker本身没有默认宽高，需要外层包裹SizedBox或Container指定固定宽高，否则动态切换时尺寸计算出错会挤压文本导致变形。
• 保持切换前后CupertinoPicker的itemExtent属性值一致。itemExtent定义了每个选择项的固定高度，数值不一致会触发布局计算异常，导致文本被拉伸或压缩。
• 为Picker内部的Text组件添加截断配置。设置maxLines: 1、overflow: TextOverflow.ellipsis，避免文本过长折行挤压布局。

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