flutter 图片 圆形

在 Flutter 中，将图片裁剪为圆形有两种方法：

方法 1：使用 `ClipOval` 组件

ClipOval(
  child: Image.network(
    'https://example.com/image.jpg',
    width: 100,
    height: 100,
    fit: BoxFit.cover,
  ),
)

上面的代码中，我们用 `ClipOval` 组件来将图片裁剪为圆形。`ClipOval` 组件需要一个子组件，它会将子组件裁剪为椭圆形。由于我们的图片的宽高比可能不是 1：1，因此我们需要将 `Image` 组件的 `fit` 属性设置为 `BoxFit.cover`，以保证图片填满 `ClipOval` 组件。

方法 2：使用 `CircleAvatar` 组件

CircleAvatar(
  radius: 50,
  backgroundImage: NetworkImage('https://example.com/image.jpg'),
)

上面的代码中，我们用 `CircleAvatar` 组件来显示圆形图片。`CircleAvatar` 组件需要一个 `radius` 参数，表示圆形的半径。另外，我们还需要将 `backgroundImage` 属性设置为一个 `NetworkImage` 对象，以指定要显示的图片。