flutter ElevatedButton borderradius
时间: 2023-08-31 11:56:57 浏览: 211
flutter demo代码
要为ElevatedButton添加边框半径(border radius),可以使用ButtonStyle来自定义按钮的样式。具体步骤如下:
```dart
ElevatedButton(
onPressed: () {
// 按钮被点击时触发的操作
},
style: ButtonStyle(
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10), // 设置边框半径为10
),
),
),
child: Text('点击我'),
)
```
在这个示例中,我们使用ButtonStyle来自定义按钮的样式。通过shape属性,我们将RoundedRectangleBorder指定为按钮的形状,并通过borderRadius属性设置边框半径为10。
你可以根据需要调整边框半径的值,以实现你想要的效果。
希望这个示例对你有所帮助。如果你有任何其他问题,请随时提问!
阅读全文