Flutter中如何设计可接收外部传参的自定义StatefulWidget

你当前代码无法生效的核心原因是：组件类未声明接收text的属性，State中也没有合法的路径访问传入值，按如下方式修改即可正常使用。

修改要点 #

• 在printer组件类中新增final String text;属性，用于持久化存储外部传入的文本参数
• 调整组件构造函数，增加required this.text的必填参数配置，确保外部调用时必须传入text值
• 在对应的State类中，通过widget.text访问组件实例上存储的参数，不要直接引用未定义的text变量
• 额外提示：Dart官方规范要求类名使用大驼峰格式（首字母大写），建议将类名printer修改为Printer，避免后续代码规范检查报错

修改后完整代码 #

// 若你不想修改类名，保持class printer extends StatefulWidget也可正常运行，仅不符合命名规范
class Printer extends StatefulWidget {
  const Printer({Key? key, required this.text}) : super(key: key);

  // 定义接收text的属性
  final String text;

  @override
  State<Printer> createState() => _PrinterState();
}

class _PrinterState extends State<Printer> {
  @override
  Widget build(BuildContext context) {
    // 通过widget前缀访问对应Widget类上的属性
    return Text(widget.text);
  }
}

修改完成后，你既可以用原来的调用方式（如果保留小写类名的话），也可以按规范用Printer(text: 'test')调用，组件都能正常拿到传入的文本值渲染。

通用规则：所有StatefulWidget上定义的可配置属性，都需要在对应State类中通过widget.属性名的方式访问，这是Flutter组件传参的固定写法。

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