目標：顯示在圓圈內選取的影像。
問題：選擇的影像在側面被剪裁。
這是我用來顯示影像的那個：
CircleAvatar(
radius: 50.0,
child: ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image.file(_photo!,
width: 100, height: 100, fit: BoxFit.fitHeight),
),
)
上面的代碼用于在我從手機拍照后顯示影像
這就是它的樣子
影像應如下所示::
這是正確顯示影像時的代碼片段：
Widget _buildProfileImage() => CachedNetworkImage(
imageUrl: _cloudUser.userImage,
imageBuilder: (context, imageProvider) => CircleAvatar(
backgroundColor: Colors.grey.shade800,
radius: 50,
backgroundImage: NetworkImage(_cloudUser.userImage),
),
);
上面的代碼用于顯示存盤在 firebase 上的影像
我很確定問題出在小部件“ClipRRect”上，但我不知道我可以使用什么其他小部件。或者也許這根本不是問題。
uj5u.com熱心網友回復：
使用FittedBox小部件
改變這個：
CircleAvatar(
radius: 50.0,
child: ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image.file(_photo!,
width: 100, height: 100, fit: BoxFit.fitHeight),
),
)
到下面的這段代碼：
ClipRRect(
borderRadius: BorderRadius.circular(100),
child: FittedBox(
alignment: Alignment.center,
fit: BoxFit.cover,
child: Image.file(_photo!)),
),
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/529307.html
標籤：扑