小编典典

颤振给容器圆形边框

flutter

我正在制作容器,给它添加了边框,但是如果边框很圆,我会很高兴。

这就是我现在所拥有的(见图)

https://drive.google.com/file/d/1AJ8ytjuUBCDX6mLBE3jmNyJdt7lTGBeW/view?usp=sharing

Container(
      width: screenWidth / 7,
      decoration: BoxDecoration(
        border: Border.all(
          color: Colors.red[500],
        ),
      ),
      child: Padding(
        padding: EdgeInsets.all(5.0),
        child: Column(
          children: <Widget>[
            Text(
              '6',
              style: TextStyle(
                  color: Colors.red[500],
                  fontSize: 25),
            ),
            Text(
             'sep',
              style: TextStyle(
                  color: Colors.red[500]),
            )
          ],
        ),
      ),
    );

我曾尝试在其上放置cliprrect,但这使边界变小了。有解决方案吗?提前致谢!!!


阅读 247

收藏
2020-08-13

共1个答案

小编典典

尝试使用borderRadius来自BoxDecoration

就像是

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)
2020-08-13