Flutter创建圆圈图标按钮
在Flutter中,你可以使用IconButton
组件来创建圆形图标按钮。以下是一个简单的例子,展示如何创建一个圆形图标按钮:
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: CircleAvatar(
backgroundColor: Colors.blue,
child: IconButton(
icon: Icon(Icons.menu),
color: Colors.white,
onPressed: () => print('Menu button tapped!'),
),
),
),
),
);
}
}
在这个例子中,CircleAvatar
组件被用作容器来创建圆形空间,IconButton
则包含了一个图标,并在被点击时触发onPressed
回调。backgroundColor
属性设置了圆形图标按钮的背景颜色,icon
属性定义了显示的图标,color
属性定义了图标的颜色。
评论已关闭