Flutter 中的 IconButton 小部件:全面指南
在Flutter中,IconButton
是一个可以包含图标并且可以响应用户点击的小部件。以下是如何使用IconButton
的示例代码:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('IconButton Example'),
),
body: Center(
child: IconButton(
icon: Icon(Icons.favorite),
color: Colors.red,
onPressed: () {
// 在这里处理点击事件
print('Favorite button tapped!');
},
),
),
),
);
}
}
在这个例子中,我们创建了一个IconButton
,它在中心位置显示一个红色的favorite
图标。当用户点击这个按钮时,控制台会输出一条消息。你可以根据需要更改图标和事件处理函数。
评论已关闭