flutter - 如何在颤动中在容器的右下角设置图像？

Question

我的第一个问题是如何在右下角设置图像，答案是

Align(
              alignment: Alignment.bottomRight,
              child: (Image(image: AssetImage("images/bg_decore_up_la.png"),)),
            ),

它工作正常，但在父脚手架我设置

resizeToAvoidBottomInset: true,

表示出现键盘时正在滚动。为此，我从 SingleChildScrollView 中设置了这个对齐（图像）小部件

现在我的整个代码就像

Scaffold(
        resizeToAvoidBottomInset: true,
        appBar:AppBar(),
        body:SafeArea(
            child:Stack(
                children:[
                  Align(
                    alignment: Alignment.bottomRight,
                    child: (Image(image: AssetImage("images/bg_decore_up_la.png"),)),
                  ),//want to fixed widget when keyboard will appear
                  ScrollConfiguration(
                      behavior: MyBehavior(),
                      child: SingleChildScrollView(
                         //scrolling widget list
                      )
                  )
                ]
            )
        )
    );

如果我设置

Align(
          alignment: Alignment.topRight,
          child: Container(
            margin: EdgeInsets.only(top: 60),
            child: (
                Image(
                  image: AssetImage("images/bg_decore_bottom_la.png"),)),
          ),

这段代码解决了这个问题，但为此我需要适当的上边距

topMargin=totalScreenHeight-ImageWidth;

标签： flutter

Answer 1

像这样使用 Stack 和 Positionned 小部件

Stack(
                children: const <Widget>[
                  Positioned(
                    bottom: 0,
                    right:0,
                    child: (Image(
                      image: AssetImage("images/bg_decore_up_la.png"),
                    )),
                  )
                ],
              ),