在LayoutBuilder中向子组件传值报Invalid constant value如何解决

报错原因 #

• const 修饰的变量要求为编译期可确定的常量，而 constraints.maxWidth 是 LayoutBuilder 在布局运行阶段才能获取的动态值，无法在编译阶段确认具体数值，因此给使用了该值的 EdgeInsets.all 添加 const 修饰会触发 Invalid constant value 报错。

修复方案 #

直接移除 EdgeInsets.all 前的 const 修饰符即可正常运行，修改后的代码示例：

LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
        return Padding(
          padding: EdgeInsets.all(constraints.maxWidth / 10),
          // 其余代码逻辑
        );
      }
)

如果需要将 constraints.maxWidth 传递给更深层级的子组件，直接将其作为构造参数传入子组件即可，示例如下：

// 自定义子组件
class MyChild extends StatelessWidget {
  // 接收父层传递的宽度值
  final double parentMaxWidth;
  const MyChild({super.key, required this.parentMaxWidth});

  @override
  Widget build(BuildContext context) {
    // 子组件内可直接使用该值
    return Text("父容器宽度为$parentMaxWidth");
  }
}

// LayoutBuilder 中调用子组件时传值
LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
        return Padding(
          padding: EdgeInsets.all(constraints.maxWidth / 10),
          child: MyChild(parentMaxWidth: constraints.maxWidth),
        );
      }
)

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