Заполните виджет карты с фотографией во флаттере

Question

У меня есть круговой аватар в виджете карты, но изображение не отображается должным образом, как я могу заполнить карту изображением, а не получить этот эффект глазного яблока?

Карта с изображением

[Card(
                          shape: CircleBorder(),
                          elevation: 10.0,
                          child: CircleAvatar(
                            backgroundColor: Colors.white,
                            radius: 75.0,
                            child: ClipOval(
                              child: FadeInImage.assetNetwork(
                                placeholder:
                                    'lib/screens/shared/defaultprofile.png',
                                image: userData.profilephoto,
                                fit: BoxFit.fill,
                              ),
                            ),
                          ),
                        ),

Answer 1

вы используете класс ClipOval Виджет, который обрезает своего дочернего элемента с помощью овала.

По умолчанию вписывает выровненный по оси овал в размеры макета и не позволяет его дочернему элементу рисовать за пределами этого овала, но размер и расположение овала клипа можно настроить с помощью специальной клипсатора. Вы можете удалить его, чтобы получить желаемый вид.

CircleAvatar(
Backgroundimage: NetworkImage(url)
...

Также см. hw to , добавление ресурсов к вашему приложению флаттера