如何使用定位小部件放置在堆栈的右上角

时间:2019-01-27 22:45:34

标签: dart flutter

我想将对象放置在堆栈的右上角。 这就是我所拥有的。我知道是否将all(LTRB)设置为0.0,图像将放置在中央。我可以将图像放在右上角吗?

Widget _buildRemoveIcon()
    {
        return Positioned(
            top:0.0,
            left:60.0,
            right: 0.0,
            bottom:0.0,
            child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: new IconButton(
                        icon: Icon(
                            Icons.cancel,
                            color: Colors.red,
                            ),
                        onPressed: () {
                        }), //
                ),
            );
    }

2 个答案:

答案 0 :(得分:1)

只需从left小部件中删除bottomPositioned参数,即可将小部件对准右上角。

示例:

Positioned(
  top:0.0,
  right: 0.0,
  child: Padding(
    padding: const EdgeInsets.all(8.0),
    child: new IconButton(
      icon: Icon(Icons.cancel,color: Colors.red,),
      onPressed: () {}),
  ),
)

enter image description here

答案 1 :(得分:0)

您可以使用Align小部件:

Align(
  alignment: Alignment.topRight,
  child: ...
);