旋转时图像溢出答案

【问题标题】：Image is overflowing when I rotated it旋转时图像溢出
【发布时间】：2020-08-10 08:03:22
【问题描述】：

我是 Flutter 的新手，遇到了这个小问题。所以我创建了一个 Card 小部件并在其中放置了一个图像。最初图像是水平的，所以我将其旋转为垂直。然而，这样做之后，图像溢出了我的卡。任何帮助将非常感激。谢谢：） See image here

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,
                       ),
                  )
              ],
     )),

【问题讨论】：

你能把你的附件放上去，这样我们就可以帮助你简化你的代码

标签： flutter flutter-layout

【解决方案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',),

                       ),
                  )
              ],
     )),

其次，你可以把它包裹在 Expanded like

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',),

                       ),
                  )
                        )

              ],
     )),

【讨论】：