Flutter中如何在自定义StatefulWidget中使用传入的字符串label参数

嘿，我一眼就瞅出问题所在啦！你在MainButton的构造函数里虽然声明了label参数，但没有把它定义成类的实例变量，所以在组件内部（比如Text组件里）根本拿不到这个值。咱们一步步来改：

步骤1：把label转为类的成员变量 #

在StatefulWidget的构造函数里，给label加上this.，同时加上final修饰（因为StatefulWidget的成员变量必须是不可变的），还要保留required标记（如果你希望这个参数是必填的）。修改后的类定义如下：

class MainButton extends StatefulWidget {
  // 把label变成类的final成员变量
  final String label;
  final VoidCallback tapEvent;

  const MainButton({
    Key? key,
    required this.label, // 这里用this.label绑定到成员变量
    required this.tapEvent,
  }) : super(key: key);

  @override
  State<MainButton> createState() => _MainButtonState();
}

步骤2：在State类中访问label参数 #

因为是StatefulWidget，你需要在对应的State类里通过widget.label来访问这个参数，然后就能在Text组件里使用啦。完整的State类示例：

class _MainButtonState extends State<MainButton> {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: widget.tapEvent,
      child: Text(widget.label), // 这里直接用widget.label就能拿到传递过来的字符串啦！
    );
  }
}

调用示例 #

现在你原来的调用方式完全可以正常工作：

MainButton(
  label: 'GetStarted',
  tapEvent: () {
    // 这里写点击事件的逻辑
  },
)

这样修改后，Text组件就能正确显示你传递的label值啦～

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