Flutter 组件集录 从图标按钮看组件封装_flutter的封装按钮

以下是一个简化的Flutter代码示例，展示了如何封装一个从图标按钮组件：

import 'package:flutter/material.dart';
 
class IconButtonComponent extends StatelessWidget {
  final IconData icon;
  final VoidCallback onPressed;
 
  const IconButtonComponent({Key key, this.icon, this.onPressed})
      : super(key: key);
 
  @override
  Widget build(BuildContext context) {
    return IconButton(
      icon: Icon(icon),
      onPressed: onPressed,
    );
  }
}
 
// 使用方法：
// IconButtonComponent(
//   icon: Icons.add,
//   onPressed: () {
//     // 处理点击事件
//   },
// )

这段代码定义了一个名为IconButtonComponent的组件，它接受两个参数：icon和onPressed。icon是要显示的图标，onPressed是按钮被点击时要执行的操作。这个组件使用了Flutter的IconButton来实现图标按钮的功能。使用时，只需传入相应的图标和点击事件处理函数即可。