颤振行和列问题

时间:2019-12-30 16:26:30

标签: flutter flutter-layout flutter-animation

我遇到Rows抖动的问题,我想将我的资产放在容器的底部,如何使用Row来做到这一点?我尝试了mainAxisAlignment:MainAxisAlignment.end和cross.end,但无法正常工作...

  Widget build(BuildContext context) {
    double wi = MediaQuery.of(context).size.width;
    return Scaffold(
      body: Container(
        child: Column(
          children: <Widget>[
            Container(
              color: Colors.blue,
              width: wi,
              height: 200,
            ),
            Container(
              width: wi,
              height: 200,
              color: Colors.red,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.end,
                crossAxisAlignment: CrossAxisAlignment.end,
                children: <Widget>[
                  SvgPicture.asset('assets/escapa.svg', semanticsLabel: 'Flask', color: Colors.black, width: 100,height: 100,)
                ]
              ),
              )
          ],
        ),
      ),
    );

svg1

svg2

您可以在此处下载资产/image.svg http://filesharing24.com/d/DVh

1 个答案:

答案 0 :(得分:0)

容器具有属性对齐方式, 您可以像这样使用它

alignment: Alignment(0.0, 0.0), // this means center, range is from -1 to +1

您需要将其设置为Alignment(-1.0,1.0) 或像这样使用它

alignment: Alignment.bottomRight,

u不需要使用行轴或列轴,容器属性应该足够了。 尝试使用其中一种方法来获取准确位置