flutter contain 圆形
时间: 2023-07-26 17:03:23 浏览: 89
可以使用 Flutter 中的 `Container` 和 `CircleAvatar` 组件来实现一个包含圆形的容器。下面是一个简单的例子:
```dart
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.blue,
),
child: CircleAvatar(
backgroundImage: AssetImage('assets/avatar.jpg'),
radius: 50,
),
);
```
上面的代码中,我们首先定义了一个固定宽高为 100 的 `Container` 组件,并且设置了其样式为圆形。然后在 `Container` 中嵌套了一个 `CircleAvatar` 组件,用于显示头像。其中 `CircleAvatar` 的 `radius` 属性设置为 50,表示其直径为 100,与 `Container` 的宽高相等,从而实现了一个包含圆形的容器。
阅读全文