由于borderRadius而未显示Flutter Container？答案

【问题标题】：Flutter Container not shown because of borderRadius?由于borderRadius而未显示Flutter Container？
【发布时间】：2020-04-17 18:11:32
【问题描述】：

我在容器的 4 个侧面中的 3 个上添加了边框。如果我在 BoxDecoration 中添加边框半径，则不会显示。如果没有borderRadius，则可以看到边框和其中的文本。如何在不隐藏的情况下向容器添加边框半径？

[...]
    Container(
              padding: EdgeInsets.all(10),
              height: 85,
              width: 330,
              decoration: BoxDecoration(
                border: Border(
                  top: BorderSide(color: Colors.black, width: 2),
                  right: BorderSide(color: Colors.black, width: 2),
                  bottom: BorderSide(color: Colors.black, width: 2),
                ),
                // borderRadius: BorderRadius.all(Radius.circular(5)),
              ),
              child: Text(
                'Example text! Example text! Example text! Example text!',
                style: TextStyle(fontSize: 22, fontFamily: 'Dosis'),
              ),
            ),
[...]

【问题讨论】：

标签： flutter

【解决方案1】：

您可以从下面的代码中获得参考..

body: Container(
          margin: EdgeInsets.all(100.0),
          decoration: BoxDecoration(
            color: Colors.white,
            shape: BoxShape.rectangle,
            borderRadius: BorderRadius.only(
              topLeft: Radius.circular(25.0),
              bottomRight: Radius.circular(25.0)
            ) ,
            border: Border(
              top: BorderSide(color: Colors.black, width: 2),
              right: BorderSide(color: Colors.black, width: 2),
              bottom: BorderSide(color: Colors.black, width: 2),
            ),
          ),
        )

【讨论】：

我不希望容器有背景。它应该有一个带有白色背景的黑色边框。在您的代码中，它没有边框，只有半径。顶部、右侧和底部也应该只有一个边框。
边框在左侧仍然可见。它应该看起来像一个 U，旋转了 90°。
那么请移除这两行 topLeft: Radius.circular(25.0), bottomRight: Radius.circular(25.0) 并根据您的喜好添加
我的问题是始终显示的左侧边框。是否可以去除左侧的边框但不能去除其他三个边？
请发给我图片