gpt4 book ai didi

Flutter floatingActionButton 在模态底部(无脚手架)

转载 作者:行者123 更新时间:2023-12-04 08:02:44 25 4
gpt4 key购买 nike

我有一种情况,我希望在点击小部件时可以看到模态 Bottom Sheet 。
这段代码工作正常(来自小部件,基本上是一张“卡片”):

    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 中显示一个 float 操作按钮。小部件。当涉及到脚手架时,很容易理解:
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton:
...
...
但由于 customiseItemScreen返回一个 Material(没有脚手架),上面的成员不存在。有没有更好的方法来解决这个问题,或者我在现有代码中可能缺少的解决方案?
提前致谢,

最佳答案

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

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

关于Flutter floatingActionButton 在模态底部(无脚手架),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66368709/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com