📜  如何更改 OutlinedButton 边框颜色? - 飞镖(1)

📅  最后修改于: 2023-12-03 15:24:48.090000             🧑  作者: Mango

如何更改 OutlinedButton 边框颜色?

使用 OutlinedButton 可以创建一个带有边框的按钮,但是在某些情况下,我们可能需要将按钮边框颜色更改为我们需要的颜色。下面我们将介绍如何更改 OutlinedButton 边框颜色。

方法一:使用 Theme 设置

我们可以使用 Material Design 的主题样式来更改 OutlinedButton 边框颜色。只需找到我们想要的颜色,并将其设置为主题中的 [colorScheme] 属性即可。以下是代码示例:

Theme(
  data: ThemeData(
    colorScheme: ColorScheme.fromSwatch(
      primarySwatch: Colors.blue, // 更改为我们想要的颜色
    ),
  ),
  child: OutlinedButton(
    onPressed: () {},
    child: Text('OutlinedButton'),
  ),
)

这将会将 OutlinedButton 边框的颜色更改为我们设置的颜色。

方法二:使用 ButtonStyle 设置

我们也可以使用 ButtonStyle 来更改 OutlinedButton 边框颜色。以下是代码示例:

OutlinedButton(
  onPressed: () {},
  style: ButtonStyle(
    side: MaterialStateProperty.all(
      BorderSide(
        color: Colors.blue, // 更改为我们想要的颜色
      ),
    ),
  ),
  child: Text('OutlinedButton'),
)

这将会将 OutlinedButton 边框的颜色更改为我们设置的颜色。

总结

以上是两种更改 OutlinedButton 边框颜色的方法,大家可以根据自己的需求选择一种方法来实现。```