自定义Flutter AppBar组件报错：LateInitializationError与空值检查异常

你两次尝试的核心问题都是构造函数参数没有正确赋值给类的成员变量：

第一个版本的错误原因 #

你声明了late String title作为类成员，但构造函数里的required String title只是局部参数，并没有把参数值赋给类的title变量。late修饰的变量必须在使用前初始化，而你从未给它赋值，所以触发LateInitializationError。

第二个版本的错误原因 #

你把类成员title改成String?可空类型，但同样没有将构造函数的参数值赋给它，导致title始终是null。调用title!强制解包空值，自然触发“Null check used on a null value”错误。

正确的实现方式 #

StatelessWidget的成员变量应该是不可变的（用final修饰），同时通过构造函数的this.title直接绑定参数，或者用初始化列表赋值，确保变量被正确初始化：

推荐写法（简洁直观） #

class FbAppBar extends StatelessWidget implements PreferredSizeWidget {
  const FbAppBar({
    required this.title,
    super.key,
  });

  final String title;

  @override
  Widget build(BuildContext context) {
    return AppBar(
      systemOverlayStyle: SystemUiOverlayStyle.dark,
      foregroundColor: Colors.grey[800],
      backgroundColor: Colors.transparent,
      elevation: 0,
      title: Text(
        title.hardcoded,
        style: Theme.of(context).textTheme.titleLarge,
      ),
      actions: [],
    );
  }

  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

初始化列表写法（适合需要额外处理参数的场景） #

如果需要对传入的title做预处理（比如截断、格式化），可以用初始化列表：

class FbAppBar extends StatelessWidget implements PreferredSizeWidget {
  FbAppBar({
    required String title,
    super.key,
  }) : title = title.trim(); // 这里可以添加参数处理逻辑

  final String title;

  @override
  Widget build(BuildContext context) {
    return AppBar(
      systemOverlayStyle: SystemUiOverlayStyle.dark,
      foregroundColor: Colors.grey[800],
      backgroundColor: Colors.transparent,
      elevation: 0,
      title: Text(
        title.hardcoded,
        style: Theme.of(context).textTheme.titleLarge,
      ),
      actions: [],
    );
  }

  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

这样修改后，调用FbAppBar(title: 'Fonts')时，参数值会正确传递给类的title成员，不会再出现初始化相关的错误。

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