@ixotep

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

Всем привет! Подскажите как ограничить размер контейнера с изображением или как ресайзить картинки чтобы были одного размера? Получается что из-за разных размеров изображений в 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)
        ],
      ),
  • Вопрос задан
  • 25 просмотров
Решения вопроса 1
RomReed
@RomReed
JavaScript, Flutter, ReactNative, Redux, Firebase
у меня это сделано с использованием виджета Expanded. Но вы можете попробовать это сделать и с помощью виджета Flexible.
Column(children:<Widget> [Expanded(
              child:   Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: AssetImage(url),
                    fit: BoxFit.cover,
                  ),
                ),
               
              ),
              flex:3
          )
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы