第11章组件装饰和视觉效果-Clip剪裁处理-ClipRRect圆角矩形剪裁
防采集标记:亢少军老师的课程和资料
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'ClipRRect圆角矩形剪裁示例',
home: Scaffold(
appBar: AppBar(
title: Text(
'ClipRRect圆角矩形剪裁示例',
style: TextStyle(color: Colors.white),
),
),
body: Center(
child: new ClipRRect(
borderRadius: new BorderRadius.all(
new Radius.circular(30.0)),//圆角弧度,值越大弧度越大
child: new SizedBox(
width: 300.0,
height: 300.0,
child: new Image.asset(
"images/8.jpeg",
fit: BoxFit.fill,
),
),
),
),
),
);
}
}
- Flutter技术入门与实战: http://product.dangdang.com/26485813.html
- Flutter交流学习群:894109159
- Flutter开源项目请关注: https://github.com/kangshaojun
- Flutter****:https://edu.****.net/lecturer/2436
@作者: 亢少军