Изображение имеет пустое пространство внутри BoxDecoration в флаттере - PullRequest
0 голосов
/ 06 марта 2019

Я делаю DecorationBox внутри моего Container(), я добавил все, и изображение получается хорошо, но есть одна проблема, даже после многих испытаний, есть некоторое пустое пространство, которое всегда есть внутриУкрашениеБокс.

Это мой код:

Container(
   height: 66.0,
   width: 66.0,
   padding: EdgeInsets.all(0.0),
   decoration: BoxDecoration(
      borderRadius: BorderRadius.all(Radius.circular(5.0)),
      border: Border.all(color: Theme.of(context).primaryColor),
      image: DecorationImage(
         fit: BoxFit.cover,
         image: AssetImage("MY_URL")
      )
   )
)

Результат, который приходит:

Resultant picture

У меня естьпопытался удалить отступы с помощью этого кода в моем Container():

Container(
   padding: EdgeInsets.all(0.0)
)

Я перешел по этой ссылке для решения своей проблемы, Изображение не занимает место в AlertBox , так как оно былослучай AlerBox, следовательно, я мог бы использовать элементы, названные contentPadding, которые недоступны.Пожалуйста, помогите мне с тем же, как достичь моего решения.Спасибо

Вот мое изображение, вы можете использовать его и дайте мне знать, если оно работает для вас.

Image used for the problem

Ответы [ 2 ]

1 голос
/ 06 марта 2019

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

0 голосов
/ 06 марта 2019

Вы можете использовать ClipOval виджет и иметь ребенка в качестве Image.asset напрямую. Вы также можете покончить с Container и BoxDecoration. Вот обновленный и рабочий код:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
            child:
              ClipOval(
                child: Image.asset('assets/jnvVQ.png', height: 90.0,width: 90.0,),
              ),
            )
        );
  }

Я передал height и width в Image напрямую, вместо Container с этими спецификациями. И я вижу, что изображение правильно завернуто:

enter image description here

Вы можете редактировать высоту и ширину в соответствии со своими потребностями.

...