当我旋转图像时,图像会溢出来。

问题描述 投票:-2回答:1

我是Flutter的新手,遇到了这个小问题。所以我创建了一个卡片小部件,并在其中放置了一个图像。原本图像是水平的,所以我把它旋转为垂直。然而这样做之后,图像溢出了我的卡。任何帮助将是非常感激的。谢谢:)请看这里的图片

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个回答
0
投票

你有两个选择,首先,删除它的高度

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里,比如说

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

                       ),
                  )
                        )

              ],
     )),
© www.soinside.com 2019 - 2024. All rights reserved.