Изменение соотношения сторон изображения в флаттере

Я использую флаттер и пытаюсь изменить соотношение сторон изображения с 4:3 до 16:9. Я пытался использовать виджет AspectRatio, а также с FittedBox, но изображение все еще остается 4:3

Я попытался использовать AspectRatio, изменив подгонку на изображении, чтобы покрыть, подогнать и содержать

Card(elevation: 3.0, child: Column(
children: <Widget>[Container(child:
AspectRatio(aspectRatio: 16.0 / 9.0, child: FittedBox(fit: 
BoxFit.contain,
child: Image(image: AssetImage('images/maggie.jpg')),),)
                                   )],

1 ответ

Решение

Вам нужно использовать BoxFit.fill чтобы увидеть эффект, BoxFit.cover показывает тот же эффект с обрезанным изображением. И вам тоже не нужно FittedBox,

Card(
  elevation: 3.0,
  child: Column(
    children: <Widget>[
      Container(
        child: AspectRatio(
          aspectRatio: 16 / 9,
          child: Image(
            image: AssetImage('images/maggie.jpg'),
            fit: BoxFit.fill, // use this
          ),
        ),
      )
    ],
  ),
)
Другие вопросы по тегам