flutter图标在右文字在左的按钮

在 Flutter 中，如果你想创建一个图标位于右侧、文本位于左侧的按钮，可以使用 `Row` 和 `IconButton` 组件结合使用。这里是一个简单的例子：

import 'package:flutter/material.dart';

// 创建一个自定义 Widget
class CustomLeftAlignedButton extends StatelessWidget {
  final IconData iconData;
  final String text;

  const CustomLeftAlignedButton({Key? key, required this.iconData, required this.text})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        IconButton(
          icon: Icon(iconData),
          onPressed: () {}, // 提供一个占位符操作，实际项目中替换为所需动作
        ),
        Text(text), // 文本部分
      ],
    );
  }
}

// 使用这个自定义按钮
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CustomLeftAlignedButton(
            iconData: Icons.add,
            text: "添加",
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们首先定义了一个名为 `CustomLeftAlignedButton` 的自定义组件，它内部使用了 `Row` 来布局图标和文本，`mainAxisAlignment.spaceBetween` 指定了它们之间的对齐方式。然后在 `MyApp` 的 `build` 方法中展示了如何在主界面使用这个按钮。