小编Jsa*_*ncs的帖子

showModalBottomSheet 和边框半径

我想showModalBottomSheet在 Flutter 中制作一个带有容器的容器。我希望这个容器有圆形的顶部边框,但是,当我尝试这个时,角落里有一些小的无色空间。我怎样才能删除它们?

这是我使用的代码:

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(...),
            );
          },
        );
      },
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

结果如下: 在此输入图像描述

我想删除顶部边框的空白。谢谢。

dart flutter

1
推荐指数
1
解决办法
3245
查看次数

标签 统计

dart ×1

flutter ×1