【问题标题】:Remove bottom border of MaterialBanner移除 MaterialBanner 的下边框
【发布时间】:2021-01-29 07:46:37
【问题描述】:

我在 Flutter 中使用 MaterialBanner。问题是我无法移除底部边框,也找不到任何与 MaterialBanner 类相关的边框。

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

这是我的示例代码。

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

【问题讨论】:

  • 我发现 Material Class 中使用了 Divider。我想我应该创建一个没有 MaterialBanner 的布局。

标签: flutter dart


【解决方案1】:

只需为容器添加装饰,边框颜色为透明

见下文:

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

【讨论】:

  • 实际上,我复制了您的代码并在 dartpad.dev 上在线运行,并按照我在上面发布的内容进行了更改,并且可以正常工作...
  • 哦,我明白了。我认为问题出在这段代码之外。你的回答适用于我的问题,我把它作为回答。谢谢!
  • 此方法不能与 ScaffoldMessenger.of(context).showMaterialBanner 一起使用。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-08
  • 1970-01-01
  • 2020-08-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多