Flutter使用textTheme修改文本颜色遇空安全错误，寻求解决方法

你遇到的错误源于Flutter的空安全机制：Theme.of(context).textTheme.headlineSmall可能返回null，无法直接无条件调用copyWith方法。以下是几种可行的解决方式：

方式一：空安全操作符+默认样式兜底 #

用?.判断headlineSmall是否为null，若为null则使用默认的白色文本样式兜底：

children: [
  Text(
    'Hi Yoikers!',
    style: Theme.of(context).textTheme.headlineSmall?.copyWith(color: Colors.white) ?? TextStyle(color: Colors.white),
  ),
],

方式二：非空断言（谨慎使用） #

如果你能确定当前主题中headlineSmall一定存在，可使用!强制断言非空：

children: [
  Text(
    'Hi Yoikers!',
    style: Theme.of(context).textTheme.headlineSmall!.copyWith(color: Colors.white),
  ),
],

注意：如果headlineSmall实际为null，这种写法会触发运行时空指针异常，仅在你明确主题配置时使用。

方式三：手动构建样式（最稳妥） #

直接创建TextStyle，同时复用主题中headlineSmall的其他属性：

children: [
  Text(
    'Hi Yoikers!',
    style: TextStyle(
      color: Colors.white,
      fontSize: Theme.of(context).textTheme.headlineSmall?.fontSize,
      fontWeight: Theme.of(context).textTheme.headlineSmall?.fontWeight,
      // 可根据需要添加其他主题样式属性
    ),
  ),
],

另外注意：你代码中的text需要改为大写的Text，这是Flutter组件的正确写法，否则会出现未定义标识符的错误。

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