ds_button 是一个自定义的 Flutter 按钮插件，它提供了丰富的样式和功能，可以帮助开发者快速创建美观且功能强大的按钮。以下是如何使用 ds_button 插件的详细步骤。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 ds_button 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  ds_button: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 导入包

在你的 Dart 文件中导入 ds_button 包。

import 'package:ds_button/ds_button.dart';

3. 使用 DSButton

DSButton 提供了多种构造函数来创建不同类型的按钮。以下是一些常见的用法示例。

基本按钮

DSButton(
  onPressed: () {
    // 按钮点击事件
    print('Button Pressed!');
  },
  child: Text('Click Me'),
)

带图标的按钮

DSButton.icon(
  onPressed: () {
    print('Icon Button Pressed!');
  },
  icon: Icon(Icons.thumb_up),
  label: Text('Like'),
)

自定义样式

你可以通过 style 参数来自定义按钮的样式。

DSButton(
  onPressed: () {
    print('Custom Style Button Pressed!');
  },
  child: Text('Custom Style'),
  style: DSButtonStyle(
    backgroundColor: Colors.blue,
    textColor: Colors.white,
    borderRadius: BorderRadius.circular(8.0),
    padding: EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
  ),
)

禁用按钮

你可以通过 enabled 参数来控制按钮是否可用。

DSButton(
  onPressed: () {
    print('Disabled Button Pressed!');
  },
  child: Text('Disabled'),
  enabled: false,
)

加载状态按钮

DSButton 还支持加载状态，当按钮处于加载状态时，会显示一个加载指示器。

DSButton(
  onPressed: () {
    // 模拟异步操作
    Future.delayed(Duration(seconds: 2), () {
      print('Async Button Pressed!');
    });
  },
  child: Text('Loading Button'),
  isLoading: true,
)

4. 完整示例

以下是一个完整的示例，展示了如何使用 DSButton 创建不同类型的按钮。

import 'package:flutter/material.dart';
import 'package:ds_button/ds_button.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('DSButton Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              DSButton(
                onPressed: () {
                  print('Button Pressed!');
                },
                child: Text('Click Me'),
              ),
              SizedBox(height: 16),
              DSButton.icon(
                onPressed: () {
                  print('Icon Button Pressed!');
                },
                icon: Icon(Icons.thumb_up),
                label: Text('Like'),
              ),
              SizedBox(height: 16),
              DSButton(
                onPressed: () {
                  print('Custom Style Button Pressed!');
                },
                child: Text('Custom Style'),
                style: DSButtonStyle(
                  backgroundColor: Colors.blue,
                  textColor: Colors.white,
                  borderRadius: BorderRadius.circular(8.0),
                  padding: EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
                ),
              ),
              SizedBox(height: 16),
              DSButton(
                onPressed: () {
                  print('Disabled Button Pressed!');
                },
                child: Text('Disabled'),
                enabled: false,
              ),
              SizedBox(height: 16),
              DSButton(
                onPressed: () {
                  // 模拟异步操作
                  Future.delayed(Duration(seconds: 2), () {
                    print('Async Button Pressed!');
                  });
                },
                child: Text('Loading Button'),
                isLoading: true,
              ),
            ],
          ),
        ),
      ),
    );
  }
}