Flex DropDown | 自定义下拉菜单 pub package

使用 Flex DropDown 包，轻松创建优雅且可自定义的下拉菜单。这个 Flutter 包使您能够轻松实现具有自定义样式、动画和数据源的下拉菜单，以满足您应用的需求。

20230824_120955.mp4

入门

如果您对该软件包开发背后的故事感兴趣，可以阅读我们在 Medium 上的文章：使用 OverlayPortal 在 Flutter 中创建自定义下拉菜单。

要开始使用 Flex DropDown 包，请确保您已安装 Flutter 并对 Flutter 包的工作原理有基本了解。您可以按照以下说明将该包集成到您的项目中

  • 在您的 pubspec.yaml 文件中添加以下行

dependencies:
  flex_dropdown: ^0.1.0
  • 运行以下命令获取该包
flutter pub get
  • 在您的Dart代码中导入该包
import 'package:flex_dropdown/flex_dropdown.dart';

用法

下面是一个展示 Flex DropDown 包用法的简单示例

  final OverlayPortalController _controller = OverlayPortalController();

  @override
  Widget build(BuildContext context) {
    return RawFlexDropDown(
      controller: _controller,
      buttonBuilder: (context, onTap) {
        return ButtonWidget(
          width: 500,
          onTap: onTap,
        );
      },
      menuBuilder: (context, width) {
        return Padding(
          padding: const EdgeInsets.only(top: 4),
          child: MenuWidget(
            width: width,
            onItemTap: () {
              _controller.hide();
            },
          ),
        );
      },
    );
  }

有关完整示例，您可以浏览存储库中的示例文件夹代码。

附加信息

如果您遇到任何问题、有建议或想为该包做出贡献，请随时在 GitHub 存储库上打开一个 issue 或提交一个 pull request。

我们重视社区反馈，并致力于及时回复您可能有的任何疑问或担忧。

GitHub

查看 Github