flutter - showModalBottomSheet和边框半径

Question

我想在Flutter中使用容器创建一个showModalBottomSheet。我希望此容器的顶部边界变圆，但是，当我尝试此操作时，拐角处有一些小的无色空间。如何删除它们？
这是我使用的代码:

class OverlayWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      child: const Text('showModalBottomSheet'),
      onPressed: () {
        showModalBottomSheet(
          context: context,
          isScrollControlled: true,
          builder: (BuildContext context) {
            return Container(
              height: MediaQuery.of(context).size.height * 0.80,
              decoration: BoxDecoration(
                color: Colors.green,
                borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(30.0),
                  topRight: Radius.circular(30.0),
                ),
              ),
              child: Center(...),
            );
          },
        );
      },
    );
  }
}

生成的小部件如下:

我想删除顶部边框中的空白。
先感谢您

Answer 1

ThemeData具有bottomSheetTheme参数，您可以按以下方式覆盖它:

MaterialApp(
        ...
        theme: ThemeData(
          ...
          bottomSheetTheme:
              BottomSheetThemeData(backgroundColor: Colors.transparent),
        ),
        ...
      ),

这将为transparent提供bottomSheet颜色