Флаттер удаляет верхнюю границу showModalBottomSheet

Question

введите описание изображения здесь Граница на связанном изображении отмечена оранжевыми кружками. Есть ли способ удалить его?

Мой код:

   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

Попробуйте это:

 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'),
            ),
          ],
        ),
      );
    });

Answer 2

Если вы ссылаетесь на круглые границы, просто удалите все borderRadius, которые есть в вашем коде, но если вы имеете в виду серые линии над границами, сделайте это:

showModalBottomSheet(
  shape: RoundedRectangleBorder(         //setting a new shape
    borderRadius: BorderRadius.vertical(
      top: Radius.circular(30),
    ),
  ),
  context: context,
  builder: (context) {
    return Container(
      child: Column(
        children: <Widget>[
          ListTile(),
        ],
      ),
      height: 180,
    );
  },
);