Flutter 在颤振中使用CircleAvatar时如何调整图片
我试图使用CircleAvatar小部件插入图像(圆形)。但是,当我为小部件选择所需的大小时,它会向下裁剪照片。现在的问题是,它会向下裁剪脸部部分,所以我想向上滚动图片,以便裁剪照片的其他无用部分。我是Flitter的新手。非常感谢您的帮助 部分守则-Flutter 在颤振中使用CircleAvatar时如何调整图片,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,我试图使用CircleAvatar小部件插入图像(圆形)。但是,当我为小部件选择所需的大小时,它会向下裁剪照片。现在的问题是,它会向下裁剪脸部部分,所以我想向上滚动图片,以便裁剪照片的其他无用部分。我是Flitter的新手。非常感谢您的帮助 部分守则- body: SafeArea( child: Column( children: [ Center( child: Container(
body: SafeArea(
child: Column(
children: [
Center(
child: Container(
padding: EdgeInsets.only(top: 50),
child: CircleAvatar(
backgroundImage: AssetImage('assets/mine.JPG'),
radius: 90,
),//circle avatar
),//container
),//center
Text(
'Gaurav Arora',
style: TextStyle(
fontSize: 40,
color: Colors.white,
fontWeight: FontWeight.bold),
),
],
),
),
您可以尝试使用child属性而不是backgroundImage
CircleAvatar(
child: FittedBox(
alignment: Alignment.topCenter,
fit: BoxFit.cover,
child: AssetImage(...)
),
...
)
ClipOver小部件将帮助您调整圆圈化身内的图像
ClipOval(
孩子:Image.network(
'https://via.placeholder.com/150',
宽度:100,
身高:100,
适合:BoxFit.cover,
),
),
它实际上没有什么帮助。它只是根据我们的宽度和高度来调整图像的重要部分。我想裁剪下半身,而只是将上半身保留在图片中。也许我应该先尝试裁剪图片,然后使用这些小部件。这不会让图像像backgroundImage属性那样是圆形的