📅  最后修改于: 2023-12-03 15:24:48.090000             🧑  作者: Mango
使用 OutlinedButton 可以创建一个带有边框的按钮,但是在某些情况下,我们可能需要将按钮边框颜色更改为我们需要的颜色。下面我们将介绍如何更改 OutlinedButton 边框颜色。
我们可以使用 Material Design 的主题样式来更改 OutlinedButton 边框颜色。只需找到我们想要的颜色,并将其设置为主题中的 [colorScheme] 属性即可。以下是代码示例:
Theme(
data: ThemeData(
colorScheme: ColorScheme.fromSwatch(
primarySwatch: Colors.blue, // 更改为我们想要的颜色
),
),
child: OutlinedButton(
onPressed: () {},
child: Text('OutlinedButton'),
),
)
这将会将 OutlinedButton 边框的颜色更改为我们设置的颜色。
我们也可以使用 ButtonStyle 来更改 OutlinedButton 边框颜色。以下是代码示例:
OutlinedButton(
onPressed: () {},
style: ButtonStyle(
side: MaterialStateProperty.all(
BorderSide(
color: Colors.blue, // 更改为我们想要的颜色
),
),
),
child: Text('OutlinedButton'),
)
这将会将 OutlinedButton 边框的颜色更改为我们设置的颜色。
以上是两种更改 OutlinedButton 边框颜色的方法,大家可以根据自己的需求选择一种方法来实现。```