Изменение соотношения сторон изображения в флаттере
Я использую флаттер и пытаюсь изменить соотношение сторон изображения с 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
),
),
)
],
),
)