Flutter如何将State类变量初始化为StatefulWidget传入的命名参数

问题原因 #

你当前写法无法生效的核心是：State 实例初始化阶段还未与对应的 StatefulWidget 实例完成绑定，此时无法直接通过 widget 访问父组件传入的参数。

正确实现方案 #

重写State的initState生命周期方法完成初始化即可，这是State类中最早可以安全访问widget属性的阶段。

class SliderContainer extends StatefulWidget {
  const SliderContainer({Key? key, required this.sliderValue}) : super(key: key);
  
  final String sliderValue;

  @override
  _SliderContainerState createState() => _SliderContainerState();
}

class _SliderContainerState extends State<SliderContainer> {
  // 先声明变量
  late double val;
  var round = 0;
  String dim = 'dimension string';

  @override
  void initState() {
    super.initState();
    // initState中可以安全访问widget属性完成赋值
    val = double.parse(widget.sliderValue);
  }

  // 可选：如果父组件后续可能更新传入的sliderValue，需要同步更新val的话，添加这个方法
  @override
  void didUpdateWidget(covariant SliderContainer oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.sliderValue != widget.sliderValue) {
      val = double.parse(widget.sliderValue);
    }
  }

  @override
  Widget build(BuildContext context) {
    // 后续布局逻辑
  }
}

补充说明 #

• 如果你确定传入的sliderValue永远是合法的double格式字符串，直接用late修饰即可；如果存在解析失败的可能，可以把val声明为double?类型，在initState中做异常捕获处理。
• didUpdateWidget方法不是必须的，只有当你需要响应父组件重传的新sliderValue时才需要添加。

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