Flutter自定义按钮插件ems_buttons的使用

安装

步骤 1: 添加依赖

在你的 pubspec.yaml 文件中添加 ems_buttons 依赖：

dependencies:
  ems_buttons:

步骤 2: 获取依赖

运行以下命令以下载依赖：

flutter pub get

使用

首先，在你的 Dart 文件中导入 ems_buttons 库：

import 'package:ems_buttons/ems_buttons.dart';

然后，你可以像下面的示例一样使用该插件中的任意一个按钮组件。

示例代码

以下是一个完整的示例，展示如何使用 ems_buttons 插件创建一个自定义按钮：

import 'package:flutter/material.dart';
import 'package:ems_buttons/ems_buttons.dart'; // 导入ems_buttons库

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Ems Buttons 示例'),
        ),
        body: Center(
          child: EmsButtonExample(), // 使用EmsButtonExample组件
        ),
      ),
    );
  }
}

class EmsButtonExample extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // 创建一个普通按钮
        EmsButton(
          text: "点击我",
          onPressed: () {
            print("普通按钮被点击了！");
          },
        ),

        SizedBox(height: 20), // 添加间距

        // 创建一个带有图标的按钮
        EmsIconButton(
          icon: Icons.star,
          text: "收藏",
          onPressed: () {
            print("带图标按钮被点击了！");
          },
        ),

        SizedBox(height: 20),

        // 创建一个加载状态的按钮
        EmsLoadingButton(
          text: "加载中",
          isLoading: true, // 设置为true表示按钮处于加载状态
          onPressed: () {
            print("加载中按钮被点击了！");
          },
        ),
      ],
    );
  }
}