通過設(shè)置Container的decoration裝飾器來實現(xiàn)
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
),
child: Column(
children: _rows(context),
),
);
這種方式設(shè)置的圓角如果顯示在四角的子控件設(shè)置了漸變慎皱，將會影響圓角顯示
通過PhysicalModel組件實現(xiàn)
PhysicalModel(
borderRadius: BorderRadius.circular(10),
color: Colors.transparent,
clipBehavior: Clip.hardEdge,
child: Container(
margin: EdgeInsets.only(left: 4,top: 0,right: 0,bottom: 0), // margin 的四邊如果設(shè)置了大于0的值曼库，會影響圓角的顯示
child: Column(
children: _rows(context),
),
)
);
image.png
上圖可以看到我們設(shè)置了margin的left為4后火架，左邊的圓角明顯顯示有問題茴迁，被截了一部分
通過ClipRRect組件實現(xiàn)
這種方式添加的圓角不會被子控件覆蓋
ClipRRect(
borderRadius: BorderRadius.circular(6),
child: Container(
color: Colors.red,
child: Column(
children: _rows(context),
),
),
)
