Flutter的OutlineButton小工具中的奇怪黑色背景

Question

我正在使用Flutter的OutlineButton Widget，我无法弄清楚如何在单击/按下按钮时删除那个奇怪的黑色背景突出显示。

CLICK FOR VIDEO OF ISSUE

这是按钮：

OutlineButton(
  highlightElevation: 1.0,
  onPressed: () => onRequestAllowLocation(context),
  child: Text(
    "ALLOW LOCATION",
    style: TextStyle(fontWeight: FontWeight.w600, fontSize: 16),
  ),
  borderSide: BorderSide(color: MyApp.accentColor, width: 2.0),
  textColor: MyApp.accentColor,
  shape: new RoundedRectangleBorder(borderRadius: new BorderRadius.circular(16.0))),
)

这是应用程序的主题：

ThemeData(
  fontFamily: 'Dosis',
  brightness: Brightness.dark,
  primarySwatch: Colors.blue,
  accentColor: accentColor,
  highlightColor: highlightColor,
  buttonColor: accentColor,
  indicatorColor: accentColor,
  backgroundColor: primaryColor,
  scaffoldBackgroundColor: primaryColor,
  primaryColor: primaryColor,
)

附：我上面提供的const颜色都不是黑色。

Answer 1

这是影子。停止设置highlightElevation它会消失。来自OutlineButton class docs：

按钮的highlightElevation（按下按钮时定义投影的大小）默认为0.0（无阴影）。如果highlightElevation的值大于0.0，那么该按钮将成为RaisedButton和FlatButton之间的交叉：一个带边框的按钮，当按下按钮时，其高程会增加，背景会变得不透明。