Flutter自定义类必填与非必填字段配置错误问题求助

我明白你现在的困扰——明明想把function设为非必填项，但Dart却强制要求你传入值对吧？这其实是Dart的非空安全规则在起作用，咱们一步步来解决它。

问题根源 #

你定义的function字段类型是VoidCallback，这是一个不可空的函数类型。在Dart的非空安全模式下，所有不可空的字段都必须被初始化：要么在构造函数里通过required强制传入，要么给它一个默认值，要么把它标记为可空类型。你之前的代码里三者都没做，所以Dart会报错要求你必须传入function参数。

解决方案：两种可选方式 #

方式1：将函数字段设为可空类型

把function的类型改为VoidCallback?（可空的函数类型），这样它就可以接受null值，不需要强制传入。同时GestureDetector的onTap本身就支持VoidCallback?类型，直接使用即可：

import 'package:flutter/material.dart';

class MyButton extends StatelessWidget {
  final String txt;
  final VoidCallback? function; // 标记为可空类型

  // 构造函数中去掉function的required修饰
  MyButton({required this.txt, this.function});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: function, // 为空时点击不会触发任何操作
      child: Container(
        height: 60,
        width: 100,
        color: Colors.blue,
        child: Text(txt, style: TextStyle(fontSize: 30.0, color: Colors.green)),
      ),
    );
  }
}

方式2：给函数字段设置默认值

如果你希望即使不传入function，组件也有一个默认的空实现（避免null的情况），可以给function设置一个默认的空函数：

import 'package:flutter/material.dart';

class MyButton extends StatelessWidget {
  final String txt;
  final VoidCallback function;

  // 给function设置默认值：空函数
  MyButton({required this.txt, this.function = const (){}});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: function,
      child: Container(
        height: 60,
        width: 100,
        color: Colors.blue,
        child: Text(txt, style: TextStyle(fontSize: 30.0, color: Colors.green)),
      ),
    );
  }
}

这里用const (){}是因为空函数可以被编译时常量化，性能更优；你也可以直接写(){}作为默认值。

验证修改后的效果 #

现在你再运行主代码里的MyButton(txt: 'Green')就不会报错了——不传function参数完全符合预期，点击这个按钮时要么没有任何反应（方式1），要么执行空函数（方式2），都满足你的非必填需求。

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