如何移除Flutter默认返回按钮背景色？现有配置未生效

首先注意到你的配置代码存在拼写错误：hightlightColor应为highlightColor（缺少一个字母l），这会导致该属性无法生效，是按钮仍有背景色的核心原因之一。

以下是两种可行的解决方式：

1. 自定义AppBar的leading按钮 #

直接替换默认返回按钮，精确控制其样式：

AppBar(
  leading: IconButton(
    icon: const Icon(Icons.arrow_back),
    onPressed: () => Navigator.pop(context),
    highlightColor: Colors.transparent,
    splashColor: Colors.transparent,
    splashFactory: NoSplash.splashFactory,
    hoverColor: Colors.transparent, // 额外处理hover状态的背景
  ),
  // 其他AppBar配置项
)

2. 全局Theme配置 #

如果需要所有页面的返回按钮都生效，可以在全局Theme中设置IconButton的样式：

ThemeData(
  iconButtonTheme: IconButtonThemeData(
    style: ButtonStyle(
      highlightColor: MaterialStateProperty.all(Colors.transparent),
      splashColor: MaterialStateProperty.all(Colors.transparent),
      splashFactory: NoSplash.splashFactory,
      hoverColor: MaterialStateProperty.all(Colors.transparent),
    ),
  ),
)

若你的返回按钮是BackButton组件而非默认IconButton，还可以通过Theme的backButtonTheme单独配置：

ThemeData(
  backButtonTheme: BackButtonThemeData(
    style: ButtonStyle(
      highlightColor: MaterialStateProperty.all(Colors.transparent),
      splashColor: MaterialStateProperty.all(Colors.transparent),
      splashFactory: NoSplash.splashFactory,
    ),
  ),
)

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