Flutter主题介绍：BorderRadius.all()

简介

BorderRadius.all() 是 Flutter 中的一个主题，用于给 Widget 设置所有四个角的圆角大小相等的边框。

代码示例

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.all(
      Radius.circular(10.0),
    ),
    color: Colors.grey[200],
  ),
  child: Center(
    child: Text(
      'Hello Flutter',
      style: TextStyle(fontSize: 24.0),
    ),
  ),
);

该示例中，我们创建了一个圆角矩形的容器，并将其背景色设置为灰色。使用 BorderRadius.all() 来设置所有四个角的圆角大小，这里设置为 Radius.circular(10.0)。

参数说明

BorderRadius.all() 接受一个 Radius 类型的参数，用于设置所有四个角的圆角大小。

Radius 类型有以下几种：

• Radius.circular(x)：创建一个半径为 x 的圆角。
• Radius.elliptical(x, y)：创建一个水平半径为 x、垂直半径为 y 的椭圆形圆角。
• Radius.zero：创建一个不带圆角的矩形。

总结

使用 BorderRadius.all() 主题可以方便地为 Widget 设置圆角边框，对于 UI 设计比较友好。同时可以通过参数设置圆角大小。