Flutter创建圆圈图标按钮
warning:
这篇文章距离上次修改已过438天,其中的内容可能已经有所变动。
在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属性用于定义按钮被点击时的行为。
评论已关闭