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.add),
color: Colors.white,
onPressed: () => print('Add button tapped!'),
),
),
),
),
);
}
}
在这个例子中,我们使用了CircleAvatar
来创建圆形容器,并将IconButton
作为子组件放入其中。CircleAvatar
的backgroundColor
属性用于设置圆圈的颜色,而IconButton
的icon
属性用于设置图标,color
属性用于设置图标的颜色,onPressed
属性用于定义按钮被点击时的行为。
评论已关闭