Flutter ParentDataWidget错误排查及ListWheelScrollView选中值赋值问题

一、ParentDataWidget错误修复 #

ParentDataWidget错误核心原因是你使用了Expanded、Flexible、Positioned这类依赖特定父组件的Widget，但将它们放置在了不支持的父容器下：

• Expanded/Flexible必须直接作为Row、Column或Flex的子组件
• Positioned必须直接作为Stack的子组件

修复操作：

• 查看报错信息中明确的ParentDataWidget（比如Expanded），定位它的父组件，调整层级让它直接放在对应的容器组件内
• 举个典型错误修正示例：

// 错误写法：Expanded嵌套在Container内
Container(
  child: Expanded(child: ListWheelScrollView(...)),
)

// 正确写法：Expanded直接作为Column的子组件
Column(
  children: [
    Expanded(child: ListWheelScrollView(...)),
  ],
)

二、ListWheelScrollView选中值赋值给finalFt和finalInch #

通过FixedExtentScrollController可以监听滚动选中项，将对应数值赋值给目标变量，具体实现如下：

1. 定义控制器和数值列表：

final FixedExtentScrollController _ftController = FixedExtentScrollController();
final FixedExtentScrollController _inchController = FixedExtentScrollController();

// 自定义可选的英尺、英寸数值范围
final List<int> ftOptions = List.generate(7, (i) => i + 4); // 4-10英尺
final List<int> inchOptions = List.generate(12, (i) => i); // 0-11英寸

int finalFt = 5; // 默认选中值
int finalInch = 0; // 默认选中值

2. 给ListWheelScrollView绑定控制器并监听选中事件：

// 英尺选择器
ListWheelScrollView.useDelegate(
  controller: _ftController,
  itemExtent: 50,
  onSelectedItemChanged: (index) {
    setState(() {
      finalFt = ftOptions[index]; // 赋值给finalFt
    });
  },
  childDelegate: ListWheelChildBuilderDelegate(
    builder: (context, index) => Center(child: Text('${ftOptions[index]} ft')),
    childCount: ftOptions.length,
  ),
),

// 英寸选择器
ListWheelScrollView.useDelegate(
  controller: _inchController,
  itemExtent: 50,
  onSelectedItemChanged: (index) {
    setState(() {
      finalInch = inchOptions[index]; // 赋值给finalInch
    });
  },
  childDelegate: ListWheelChildBuilderDelegate(
    builder: (context, index) => Center(child: Text('${inchOptions[index]} in')),
    childCount: inchOptions.length,
  ),
),

3. 页面销毁时释放控制器资源：

@override
void dispose() {
  _ftController.dispose();
  _inchController.dispose();
  super.dispose();
}

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