Flutter未定义功能插件edgar的使用

edgar

edgar 是一个用于 Flutter 应用程序的组件库。该库是一组可以用来构建 Flutter 应用程序的小部件集合。该库设计为模块化使用，因此您可以只使用所需的组件。

功能

edgar 提供了许多功能，使构建 Flutter 应用程序更加容易：

• 自定义按钮的集合
• 自定义日期选择器的集合
• 自定义模态框的集合
• 自定义文本字段的集合
• 分页小部件
• Snackbar 小部件
• 自定义颜色的集合
• 自定义文字的集合

使用

要在您的 Flutter 应用程序中使用 edgar 库，请将以下依赖项添加到您的 pubspec.yaml 文件中：

flutter pub add edgar

这将在您的包的 pubspec.yaml 文件中添加类似如下的行（并运行隐式的 flutter pub get）：

dependencies:
  edgar: ^0.3.2

或者，您的编辑器可能支持 flutter pub get。查阅您的编辑器文档以了解更多信息。

现在在您的 Dart 代码中，您可以使用以下导入语句：

import 'package:edgar/colors.dart';
import 'package:edgar/widget.dart';

您现在可以在您的 Flutter 应用程序中使用库中的组件。

完整示例 Demo

以下是一个完整的示例，展示如何在 Flutter 应用程序中使用 edgar 库：

// 导入必要的库
import 'package:flutter/material.dart';
import 'package:edgar/colors.dart'; // 引入自定义颜色
import 'package:edgar/widget.dart'; // 引入自定义小部件

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'edgar 示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _selectedDate = "请选择日期";

  // 显示日期选择器
  Future<void> _selectDate(BuildContext context) async {
    final DateTime? picked = await showDatePicker(
      context: context,
      initialDate: DateTime.now(),
      firstDate: DateTime(2015, 8),
      lastDate: DateTime(2101),
    );
    if (picked != null) {
      setState(() {
        _selectedDate = "${picked.year}-${picked.month}-${picked.day}";
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('edgar 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // 使用自定义按钮
            EdgarButton(
              onPressed: () {
                _selectDate(context);
              },
              text: '选择日期',
              buttonColor: EdgarColors.primaryColor,
            ),
            SizedBox(height: 20),
            // 显示选中的日期
            Text(
              _selectedDate,
              style: TextStyle(fontSize: 18),
            )
          ],
        ),
      ),
    );
  }
}