Flutter自定义组件插件eishon_widgets的使用

标题：Flutter自定义组件插件eishon_widgets的使用

内容： 在本示例中，我们将介绍如何使用 Flutter 自定义组件插件 eishon_widgets。该插件提供了几个通用的自定义组件，用于快速构建用户界面。

安装 eishon_widgets 插件

首先，在你的 pubspec.yaml 文件中添加 eishon_widgets 依赖：

dependencies:
  eishon_widgets: ^1.0.0

然后运行 flutter pub get 命令来安装插件。

使用示例

接下来，我们来看一些具体的使用示例。

示例 1：自定义按钮组件

EishonButton 是一个自定义按钮组件，它允许你设置不同的背景颜色、文本样式等属性。

import 'package:eishon_widgets/eishon_widgets.dart';

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Eishon Widgets 示例'),
      ),
      body: Center(
        child: EishonButton(
          text: '点击我',
          onPressed: () {
            print('按钮被点击了');
          },
          backgroundColor: Colors.blue,
          textColor: Colors.white,
        ),
      ),
    );
  }
}

示例 2：自定义输入框组件

EishonTextField 是一个自定义输入框组件，它允许你设置边框样式、提示文字等属性。

import 'package:eishon_widgets/eishon_widgets.dart';

class MyHomePage extends StatelessWidget {
  final TextEditingController _controller = TextEditingController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Eishon Widgets 示例'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            EishonTextField(
              controller: _controller,
              hintText: '请输入文本',
              borderColor: Colors.grey,
              borderRadius: 8.0,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                print(_controller.text);
              },
              child: Text('获取输入内容'),
            )
          ],
        ),
      ),
    );
  }
}