Flutter 2:带有图标和文本的按钮

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('TextButton with Icon and Text'),
        ),
        body: Center(
          child: TextButton.icon(
            onPressed: () {
              // 按钮点击事件处理
              print('TextButton clicked');
            },
            icon: Icon(Icons.add),
            label: Text('Add'),
          ),
        ),
      ),
    );
  }
}

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('ElevatedButton with Icon and Text'),
        ),
        body: Center(
          child: ElevatedButton.icon(
            onPressed: () {
              // 按钮点击事件处理
              print('ElevatedButton clicked');
            },
            icon: Icon(Icons.add),
            label: Text('Add'),
          ),
        ),
      ),
    );
  }
}

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('OutlinedButton with Icon and Text'),
        ),
        body: Center(
          child: OutlinedButton.icon(
            onPressed: () {
              // 按钮点击事件处理
              print('OutlinedButton clicked');
            },
            icon: Icon(Icons.add),
            label: Text('Add'),
          ),
        ),
      ),
    );
  }
}

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('Custom Button with Icon and Text'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              // 按钮点击事件处理
              print('Custom Button clicked');
            },
            style: ElevatedButton.styleFrom(
              padding: EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
            ),
            child: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Icon(Icons.add),
                SizedBox(width: 8.0),
                Text('Add'),
              ],
            ),
          ),
        ),
      ),
    );
  }
}