flutter - Remove bottom border of MaterialBanner

Question

I'm using MaterialBanner in Flutter. The problem is I cannot remove bottom border and could not find any border-related of MaterialBanner class.

flutter/packages/flutter/lib/src/material/banner.dart

Here is my sample code.

Container(
  height: 130.0
  child: MaterialBanner(
    content: Text(
      'Text Text Text Text',
      overflow: TextOverflow.ellipsis,
      maxLines: 2,
    ),
    leading: Image.asset('images/xxx.png'),
    backgroundColor: Colors.transparent,
    forceActionsBelow: true,
    actions: <Widget>[
      InkWell(
        child: Container(child: Text('Button Text')),
        onTap: () {
          print('test');
        },
      ),
    ],
  )
)

question from:https://stackoverflow.com/questions/65950541/remove-bottom-border-of-materialbanner

Answer 1

Just add decoration to the Container with a border-color transparent

see below:

 Container(
      decoration: BoxDecoration(border: Border.all(color: Colors.transparent)),
      child: MaterialBanner(
         ......
       ),
     );