Flutter创建圆圈图标按钮
warning:
这篇文章距离上次修改已过187天,其中的内容可能已经有所变动。
在Flutter中,创建一个圆形图标按钮可以使用IconButton
和CircleAvatar
。以下是一个简单的例子,展示如何创建一个圆形图标按钮:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: IconButton(
icon: CircleAvatar(
backgroundColor: Colors.blue,
child: Icon(
Icons.add,
color: Colors.white,
),
),
onPressed: () => print('Button pressed'),
),
),
),
);
}
}
这段代码创建了一个带有蓝色背景和白色加号图标的圆形按钮,当按钮被点击时,会打印出消息"Button pressed"。CircleAvatar
的backgroundColor
属性用于设置圆形的背景颜色,Icon
的color
属性用于设置图标的颜色。
评论已关闭