flutter带文字图标的按钮如何实现

在 Flutter 中，要创建一个包含文本和图标的手动按钮，你可以使用 `Row` 或者 `Column` 来组合 `Text` 和 `Icon` 组件，并将它们放在 `IconButton` 内部。这里是一个简单的例子：

import 'package:flutter/material.dart';

// 定义一个自定义 widget 包含文本和图标
class CustomIconButton extends StatelessWidget {
  final String buttonText;
  final IconData iconData;

  CustomIconButton({required this.buttonText, required this.iconData});

  @override
  Widget build(BuildContext context) {
    return IconButton(
      onPressed: () {
        // 当按钮被按下时，可以添加你的业务逻辑
      },
      icon: Icon(iconData),
      label: Text(buttonText), // 显示文本标签
    );
  }
}

// 使用自定义按钮
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CustomIconButton(
            buttonText: "点击我",
            iconData: Icons.add,
          ),
        ),
      ),
    );
  }
}

在这个例子中，`CustomIconButton` 是一个自定义组件，它包含一个 `IconButton`，里面有一个图标和一个文本标签。当用户点击这个按钮时，可以在 `onPressed` 函数中添加相应的处理逻辑。