Flutter组件学习之ClipOval圆形裁剪——筑梦之路
2023-09-14 09:16:00 时间
import 'package:flutter/material.dart';
/**
* 装饰效果之裁剪
* 圆形裁剪
* p223
*/
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return new MaterialApp(
title: 'ClipOval 圆形裁剪',
home: Scaffold(
appBar: AppBar(
title: Text(
'ClipOVal 圆形裁剪示例',
style: TextStyle(color: Colors.white),
),
),
body: Center(
child: new ClipOval(
child: new SizedBox(
width: 300.0,
height: 300.0,
child: new Image.asset(
"images/a.jpg",
fit: BoxFit.fill,
),
),
),
),
),
);
}
}
相关文章
- Flutter笔记 - 布局类组件
- Flutter入门(一)--组件
- Flutter 技术介绍
- Flutter功能 组件描边,圆角
- Flutter TextField设置行间距
- flutter 在一个动态列表里面怎么插入一个广告图片
- flutter 渐变色
- Flutter进入图库选择图片,删除图片,网格显示
- Flutter 点击按键改变文本颜色
- flutter点击按键切换图标
- Flutter 加载本地json文件
- Flutter之 flutter_after_layout组件的作用:监听页面渲染的第一帧
- Flutter实战之go_router路由组件入门指南
- Flutter跨组件共享状态的利器Provider原理解析
- Flutter 开发环境搭建Unable to ‘pub upgrade‘ flutter tool. Retrying in five seconds...
- Flutter之CupertinoSwitch和Switch开关组件的简单使用
- Flutter StatefulWidget 有状态组件 、 页面上绑定数据、改变页面数据、 BottomNavigationBar 自定义 底部导航条、以及实现页面切换
- Flutter GridView 组件 以及动态 GridView