flutter - 如何全局更改 OutlineButton 的边框颜色和宽度？

Question

我要换边框颜色和 宽度 的OutlineButton ，我知道一种通过直接内联提及它来做到这一点的方法，如下所示:

OutlineButton(
  child: Text('SIGN IN'),
  padding: EdgeInsets.all(8.0),
  onPressed: handleSignIn,
  borderSide: BorderSide(
    color: Colors.white, //Color of the border
    style: BorderStyle.solid, //Style of the border
    width: 1, //width of the border
  ),
)

如果我按照下面提到的去做，它会影响 FlatButton和 RaisedButton这不会影响 OutlineButton .

MaterialApp(
  title: 'MyApp',
  theme: ThemeData(
    buttonTheme: ButtonThemeData(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(20),

        // this effects to FlatButton and RaisedButton
        side: BorderSide(
          color: Colors.white, //Color of the border
          style: BorderStyle.solid, //Style of the border
          width: 1, //width of the border
        ),
      ),
    ),
  ),
);

那么，如何更改边框 颜色和 宽度 仅限 OutlineButton全局(通过应用程序)？

Answer 1

我不认为你可以在 OutlineButton 中做到这一点。因此，我可以建议您在全局文件中创建全局主题数据。

var borderData=BorderSide(
    color: Colors.white, //Color of the border
    style: BorderStyle.solid, //Style of the border
    width: 1, //width of the border
  )

然后您可以通过导入该全局文件轻松地在任何类中使用它。

OutlineButton(
  child: Text('SIGN IN'),
  padding: EdgeInsets.all(8.0),
  onPressed: handleSignIn,
  borderSide: borderData,
)

在您的情况下，这将减少您的样板代码。