Изображение переполняется, когда я поворачиваю его

Question

Я новичок во Флаттере и столкнулся с этой небольшой проблемой. Итак, я создал виджет карты и поместил в него изображение. Первоначально изображение было горизонтальным, поэтому я повернул его в вертикальное положение. Однако после этого изображение вышло из моей карты. Любая помощь приветствуется. Спасибо :) Смотрите изображение здесь

Card(
    color: Colors.green,
    child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: <Widget>[
                  Text("My Boat"),
                  Transform.rotate(
                      angle: -.9,
                      child: Image(
                          image: AssetImage('images/boat.png',),
                          height: 140,
                       ),
                  )
              ],
     )),

Answer 1

у вас есть два варианта: сначала удалите его высоту

Card(
    color: Colors.green,
    child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: <Widget>[
                  Text("My Boat"),
                  Transform.rotate(
                      angle: -.9,
                      child: Image(
                          image: AssetImage('images/boat.png',),

                       ),
                  )
              ],
     )),

, вы можете обернуть его в расширенном виде, как

Card(
    color: Colors.green,
    child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: <Widget>[
                  Text("My Boat"),
                  Expanded(
                   child:                  Transform.rotate(
                      angle: -.9,
                      child: Image(
                          image: AssetImage('images/boat.png',),

                       ),
                  )
                        )

              ],
     )),