Как ограничить размер контейнера с изображением в Flutter?

Question

[ixotep]

Всем привет! Подскажите как ограничить размер контейнера с изображением или как ресайзить картинки чтобы были одного размера? Получается что из-за разных размеров изображений в Column весь контент скачет - смещается то выше то ниже...

Column(
        children: [
          Container(
            width: 300,
            child: AspectRatio(
              child: Image.asset(
                '${questions[_tekQuestion].imgUrl}',
                // width: 500,
                // height: 200,
                fit: BoxFit.fitWidth,
              ),
              aspectRatio: 3 / 2,
            ),
          ),


          // SizedBox(
          //   height: 20.0,
          // ),
          Padding(
            padding: EdgeInsets.all(10),
            child: Text(
              '${questions[_tekQuestion].txt}',
              style: GoogleFonts.neucha(fontSize: 25.0),
            ),
          ),
          SizedBox(
            height: 30.0,
          ),
          _getButtons(questions[_tekQuestion].answers)
        ],
      ),

Answer 1

[Роман Александрович]

у меня это сделано с использованием виджета Expanded. Но вы можете попробовать это сделать и с помощью виджета Flexible.

Column(children:<Widget> [Expanded(
              child:   Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: AssetImage(url),
                    fit: BoxFit.cover,
                  ),
                ),
               
              ),
              flex:3
          )

Comments

[ixotep]

Отлично! Спасибо!