我在Flutter项目中有这个Dart代码;
CircleAvatar( radius: 130.0, backgroundImage: AssetImage('assets/image.jpg'), backgroundColor: Colors.transparent, )
字符串radius参数似乎控制了通过圆形“窗口”看到的部分图像的大小，这会遮挡部分图像，因为图像大小仍然相同。图像为567 * 572像素。如何控制图像的大小？
radius
hof1towb1#
不要使用CircleAvatar，而是使用Container并使其成为圆形，如下所示：
CircleAvatar
Container
Container( width: 130, height: 130, decoration: BoxDecoration( shape: BoxShape.circle, image: DecorationImage( image: AssetImage('assets/image.jpg'), fit: BoxFit.fill ), ), )
字符串
输出（忽略背景模糊）：
的数据
k3fezbri2#
SizedBox( width: 100, height: 100, child: CircleAvatar( child: ClipOval( child: Image.network(photo), ), ), ),
hlswsv353#
试试这个：
Image.asset( 'assets/images.jpg', width: 300, height: 150, fit:BoxFit.fill ),
3条答案
按热度按时间hof1towb1#
不要使用
CircleAvatar，而是使用Container并使其成为圆形，如下所示：字符串
输出（忽略背景模糊）：
的数据
k3fezbri2#
字符串
hlswsv353#
试试这个：
字符串