Jes*_*noy 5 modal-dialog floating-action-button flutter 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,),
);
},
...
...
Run Code Online (Sandbox Code Playgroud)
但是,我还想在customiseItemScreen小部件中显示一个浮动操作按钮。当涉及到脚手架时,很容易理解:
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton:
...
...
Run Code Online (Sandbox Code Playgroud)
但由于customiseItemScreen返回一个材质(没有支架),因此上述成员不存在。有没有更好的方法来解决这个问题,或者现有代码中可能缺少的解决方案?
提前致谢,
您可以将 Stack 小部件与 Positioned 小部件一起使用
Stack(
children: [
Material(...),
Positioned(...) //put a button inside and position it with bottom and right
)
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8740 次 |
| 最近记录: |