Flutter的OutlineButton小部件中的黑色背景很奇怪

Question

我正在使用Flutter的OutlineButton窗口小部件，并且我不知道如何在单击/按下按钮时删除该怪异的黑色背景突出显示。

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,
)

P.S。我上面提供的const颜色都不是黑色。

Answer 1

这是阴影。停止设置highlightElevation，它将消失。来自OutlineButton class docs：

  

按钮的highlightElevation定义了按下按钮时阴影的大小，默认情况下为0.0（无阴影）。如果将highlightElevation的值设置为大于0.0，则该按钮将成为RaisedButton和FlatButton之间的十字形：带边框的按钮，其高度增加，并且在按下按钮时背景变得不透明。