Question

我有一种情况，我希望在点击小部件时显示模态底部工作表。这段代码工作正常（来自小部件，基本上是一张“卡片”）：

    return Container(
        color: Colors.white,
        margin: EdgeInsets.symmetric(horizontal: 5.0),
        child: Material(
            child: InkWell(
            onTap: () {
                    showMaterialModalBottomSheet(
                                expand: false,
                                context: context,
                                builder: (context) =>
                                    customiseItemScreen(item: this.item,),
                                );

            },
            ...
            ...

不过，我还想在 customiseItemScreen 小部件中显示一个浮动操作按钮。当涉及到脚手架时，很简单：

floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton:
...
...

但是由于 customiseItemScreen 返回的是 Material（没有脚手架），所以上述成员不存在。有没有更好的方法来解决这个问题，或者现有代码可能缺少我的解决方案？

提前致谢，

Answer 1

您可以将 Stack 小部件与 Positioned 小部件一起使用

Stack(
 children: [
  Material(...),
  Positioned(...) //put a button inside and position it with bottom and right
)

Flutter floatingActionButton 在模态底部（无脚手架）

1 个答案: