Flutter中能否通过Trailing或SizedBox在AppBar右侧添加图标？原因是什么？

我们分别针对两个组件说明：

• Trailing无法直接用来给AppBar添加右侧图标：Trailing是ListTile组件的专属属性，仅用于配置列表项的尾部控件，AppBar组件本身没有内置trailing属性，直接给AppBar传trailing参数会触发语法报错，无法生效。
• SizedBox可以配合AppBar原生属性实现右侧添加图标：AppBar的右侧控件统一通过actions参数（数组类型）配置，你可以将SizedBox作为数组的子元素传入，用来固定图标尺寸、调整图标间距，完全符合使用需求。
  示例代码如下：

AppBar(
  title: const Text("测试页面"),
  // actions内的组件会按顺序排列在AppBar右侧
  actions: [
    SizedBox(
      width: 44,
      child: Icon(Icons.search, color: Colors.white),
    ),
    SizedBox(
      width: 44,
      child: Icon(Icons.more_horiz, color: Colors.white),
    )
  ],
)

常见原因有以下几种：

• 未正确导入Flutter Material组件库：上述组件都属于Material组件库，需要在代码文件顶部引入import 'package:flutter/material.dart';，未导入会直接报组件未定义的错误。
• Trailing使用场景错误：Trailing不是独立可调用的Widget，仅能作为ListTile的属性使用，如果你尝试单独声明Trailing组件、或是给除ListTile之外的组件传trailing参数，都会报错。
• 代码拼写错误：Dart语言大小写敏感，正确的组件写法是首字母大写的Row、SizedBox，如果写成全小写的row、sizedbox，会无法被系统识别。
• 项目依赖未正常拉取：如果是新建项目，先执行flutter pub get命令拉取基础依赖，依赖加载异常也会导致系统内置组件无法正常使用。

内容的提问来源于stack exchange，提问作者Mou Rani Biswas