如何在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: ...
      );
    }
  );
}