颤振给容器圆形边框
问题内容:
我正在制作容器,给它添加了边框,但是如果边框很圆,我会很高兴。
这就是我现在所拥有的(见图)
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,但这使边界变小了。有解决方案吗?提前致谢!!!
问题答案:
尝试使用borderRadius
来自BoxDecoration
就像是
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
borderRadius: BorderRadius.all(Radius.circular(20))
),
child: ...
)