CupertinoPicker渲染异常：选项呈3D滚轮状倾斜且选中项无法查看

问题出在你设置的offAxisFraction: 5参数上——该参数用于控制CupertinoPicker的离轴偏移程度，取值过大（正常合理范围在-1到1之间）会导致滚轮过度倾斜，形成极端的3D效果，甚至让选中的中间项完全超出可视区域。

修复步骤： #

将offAxisFraction调整为一个合理的小数值，比如0.2（轻微偏移），或者直接设为0（关闭离轴效果），同时保持其他参数的合理配置：

修改后的CupertinoPicker代码：

onPressed: () => _selectCity(CupertinoPicker(
  magnification: 2,
  squeeze: 1.2,
  offAxisFraction: 0.2, // 调整为合理值，或设为0关闭离轴效果
  useMagnifier: true,
  scrollController: FixedExtentScrollController(
    initialItem: 0,
  ),
  itemExtent: _kItemExtent,
  onSelectedItemChanged: (int selectedCity) {
    print(selectedCity);
    setState(() {
      _filter['city'] = selectedCity;
    });
  },
  children: List<Widget>.generate(_cities.length, (int index) {
    return Text(
      _cities[index],
      style: const TextStyle(color: Color(0xFF001A18)),
    );
  })
),

参数说明： #

• offAxisFraction：控制滚轮的水平偏移比例，取值范围建议在-1到1之间，数值越接近0，滚轮越趋近于平面效果；超出这个范围会直接导致渲染异常。
• magnification和squeeze可保持原有设置，它们分别控制选中项的放大倍数和选项的紧凑程度，合理搭配能实现美观的Picker交互效果。

内容的提问来源于stack exchange，提问作者Nicolae Casă r