flutter - 如何在 showModalBottomSheet 的左侧、右侧和底部显示边距？

Question

对于 showModalBottomSheet，我想在它周围显示边距。主要是左右。这样它看起来会与屏幕两侧分开。如何实现。另外，如果我想在底部提供边距，如何实现。是否有任何其他小部件提供与 modalbottomsheet 类似的行为但具有边距？

Answer 1

通过 flutter ，您可以使用任何小部件这是一个例子

_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: ...
      );
    }
  );
}