如何设计一堆“提升”按钮和抖动图像

时间:2019-04-17 10:58:04

标签: dart flutter

我是Flutter的新手,我有一个需求,需要在图像的边缘放置一个RaisedButton,如下面的屏幕截图所示(出于隐私考虑,我涵盖了模型的内容) enter image description here

我尝试通过更改填充,但不适用于iOS和Android中的所有设备。请帮助我为iOS和Android中存在的所有设备实现这一目标。

2 个答案:

答案 0 :(得分:1)

class SO extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.orange.shade200,
      body: Stack(
        alignment: Alignment.bottomCenter,
        children: <Widget>[
          Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Image.asset('assets/images/pngs/cake.png'),
              SizedBox(
                height: 25,
              )
            ],
          ),
          RaisedButton(
            onPressed: () {},
            child: Text("sample button"),
          ),
        ],
      ),
    );
  }
}

给予
  output

答案 1 :(得分:-1)

您尝试过Flutter中的Stack吗?