如何在showModalBottomSheet的左侧,右侧和底部显示边距?

问题描述 投票:0回答:1

对于showModalBottomSheet,我想在其周围显示边距。主要是左右。因此,它将看起来与屏幕两侧分离。如何实现。另外,如果我想在底部提供保证金,如何实现。是否有其他小部件提供与modalbottomsheet类似的行为,但有空白?

flutter flutter-layout
1个回答
0
投票

随着抖动,您可以使用任何小部件这是一个例子

_showModalBottomSheetCustom(BuildContext context) {
  showModalBottomSheet<void>(
    context: context,
    builder: (BuildContext context) {
      return Container(
         margin: EdgeInsets.symmetric(horizontal: 3),
         child: ...
      );
    }
  );
}

编辑

边距位于模态和子级之间,要“看到”它,请在模态上插入透明颜色

_showModalBottomSheetCustom(BuildContext context) {
  showModalBottomSheet<void>(
    context: context,
    backgroundColor: Colors.transparent,
    builder: (BuildContext context) {
      return Container(
         color: Colors.white,
         margin: EdgeInsets.symmetric(horizontal: 30),
         child: ...
      );
    }
  );
}
© www.soinside.com 2019 - 2024. All rights reserved.