Flutter ModalBottomSheet 去除白线

Question

我似乎找不到删除这些小白线的好方法，更改了容器颜色以适应 ModalBottomSheet 默认背景颜色。

这是部分代码:

void mountainModalBottomSheet(context){
  showModalBottomSheet(context: context, builder: (BuildContext bc){
    return Container(
      color: Color(0xff757575),
      height: MediaQuery.of(context).size.height*.60,
      child:Column(
        children: [
          Container(
            width: double.infinity,
            height: 225,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(38),
                topRight: Radius.circular(38),
              ),
              image:DecorationImage(image: NetworkImage('https://hotelvilatina.hr/wp-content/uploads/2017/11/sljeme.jpg'),
                  fit: BoxFit.fill),
            ),

Answer 1

更新

您可以使用shape属性，但需要确保提供clipBehavior:hardEdge

showModalBottomSheet(
    clipBehavior: Clip.antiAlias, // or hardEdge must 
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(38),
        topRight: Radius.circular(38),
      ),
    ),
    context: context,
    backgroundColor: Colors.white,
    builder: (c) {
      return Container();
    });

使用 ClipRRect 小部件包裹您的 Container

showModalBottomSheet(
    context: context,
    backgroundColor: Colors.transparent, // make sure of it
    builder: (c) {
      return ClipRRect(
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(38),
            topRight: Radius.circular(38),
          ),
          child: Container(
            color: Colors.white,
          ));
    });