dart 如何在Flutter的CircleAvatar中控制图像大小？

v64noz0r 于 2023-07-31 发布在 Flutter

关注(0)|答案(3)|浏览(152)

我在Flutter项目中有这个Dart代码;

CircleAvatar(
  radius: 130.0,
  backgroundImage: AssetImage('assets/image.jpg'),
  backgroundColor: Colors.transparent,
)

字符串
radius参数似乎控制了通过圆形“窗口”看到的部分图像的大小，这会遮挡部分图像，因为图像大小仍然相同。图像为567 * 572像素。如何控制图像的大小？

dart

来源：https://stackoverflow.com/questions/67390195/how-can-i-control-image-size-in-flutters-circleavatar

3条答案

按热度按时间

hof1towb1#

不要使用CircleAvatar，而是使用Container并使其成为圆形，如下所示：

Container(
  width: 130,
  height: 130,
  decoration: BoxDecoration(
    shape: BoxShape.circle,
    image: DecorationImage(
      image:  AssetImage('assets/image.jpg'),
      fit: BoxFit.fill
    ),
  ),
)

字符串

输出（忽略背景模糊）：

的数据

赞(0）回复(0）举报 2023-07-31

k3fezbri2#

SizedBox(
  width: 100,
  height: 100,
  child: CircleAvatar(
    child: ClipOval(
      child: Image.network(photo),
    ),
  ),
),

字符串

赞(0）回复(0）举报 2023-07-31

hlswsv353#

试试这个：

Image.asset(
  'assets/images.jpg',
   width: 300,
   height: 150,
   fit:BoxFit.fill  
),

字符串

赞(0）回复(0）举报 2023-07-31

我来回答

dart 如何在Flutter的CircleAvatar中控制图像大小？

3条答案

相关问题

热门标签

最新问答