Question

enter image description here 链接图像中的边框用橙色圆圈标记。有什么办法可以删除它？

我的代码是：

   showModalBottomSheet(
        context: context,
        builder: (context) {
          return Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.vertical(top: Radius.circular(30.0)),
              color: Colors.white,
             Radius.circular(30.0)),               
              ),   
            child: Container(
              height: 180,
              color: Color(0xFF737373),
              child: Container(
                child: Column(
                  children: <Widget>[
                    ListTile(
                     ),
                  ],
                ),
                decoration: BoxDecoration(
                  color: Theme.of(context).canvasColor,
                  borderRadius: BorderRadius.only(
                    topLeft: const Radius.circular(30),
                    topRight: const Radius.circular(30),
                  ),
                ),
              ),
            ),
          );
        });

Answer 1

如果您指的是圆形边框，则只需删除代码中所有的borderRadius即可，但是如果您是说边框上方的灰线则可以这样做：

@import '~@angular/material/theming';
@include mat-core();

$candy-app-primary: mat-palette($mat-light-blue);
$candy-app-accent:  mat-palette($mat-light-blue, A200, A100, A400);

$candy-app-warn:    mat-palette($mat-red);

$candy-app-theme: mat-dark-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

Answer 2

尝试一下：

 showModalBottomSheet(
    context: context,
    builder: (context) {
      return Container(
        height: 180,
        child: Column(
          children: <Widget>[
            ListTile(
              leading: Icon(Icons.menu),
              title: Text('Test1'),
            ),
            ListTile(
              leading: Icon(Icons.message),
              title: Text('Test2'),
            ),
            ListTile(
              leading: Icon(Icons.mic),
              title: Text('Test3'),
            ),
          ],
        ),
      );
    });

Flutter删除showModalBottomSheet的顶部边框

2 个答案: