flutter ClipRRect
时间: 2023-07-29 17:07:10 浏览: 168
flutter插件
5星 · 资源好评率100%
Flutter中的ClipRRect小部件是一个矩形裁剪小部件,它可以将其子项的角落圆形化。它可以用于很多场景,比如制作圆形头像、圆角按钮等。
下面是一个简单的例子,展示如何使用ClipRRect小部件:
```dart
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Container(
width: 100,
height: 100,
color: Colors.green,
child: Center(
child: Text(
'ClipRRect',
style: TextStyle(color: Colors.white),
),
),
),
)
```
在这个例子中,我们创建了一个宽为100,高为100的Container,并将其背景颜色设为绿色。然后,我们使用ClipRRect将其四个角圆形化,设置了一个边界半径为8.0。最后,我们将一个文本小部件放在Container中心。
如果你想要更多的圆角效果,可以将边界半径设置得更大。如果你想要制作圆形头像,可以将边界半径设置为Container宽度或高度的一半。
阅读全文