Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 在颤振中使用CircleAvatar时如何调整图片_Flutter_Dart_Flutter Layout - Fatal编程技术网

Flutter 在颤振中使用CircleAvatar时如何调整图片

Flutter 在颤振中使用CircleAvatar时如何调整图片,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,我试图使用CircleAvatar小部件插入图像(圆形)。但是,当我为小部件选择所需的大小时,它会向下裁剪照片。现在的问题是,它会向下裁剪脸部部分,所以我想向上滚动图片,以便裁剪照片的其他无用部分。我是Flitter的新手。非常感谢您的帮助 部分守则- body: SafeArea( child: Column( children: [ Center( child: Container(

我试图使用CircleAvatar小部件插入图像(圆形)。但是,当我为小部件选择所需的大小时,它会向下裁剪照片。现在的问题是,它会向下裁剪脸部部分,所以我想向上滚动图片,以便裁剪照片的其他无用部分。我是Flitter的新手。非常感谢您的帮助

部分守则-

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属性那样是圆形的