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

Question

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

Answer 1

你可以试试这个，它对我有用。

Get.bottomSheet(
    new Container(
    //height: 150,
    color: Colors.white,
    margin: EdgeInsets.all(10),
    child: Wrap(
    children: [
        ListTile(
        title: Text('title',
            textAlign: TextAlign.center),
        ),
        Divider(),
        ListTile(
        title: Text('title',
            textAlign: TextAlign.center),
        ),
        Divider(thickness: 9),
        ListTile(
        title: Text('title',
            textAlign: TextAlign.center),
        shape: RoundedRectangleBorder(
            borderRadius:
                BorderRadius.horizontal()),
        ),
    ],
    ),
));

结果：

]

Answer 2

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

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