flutter_down_menu 0.0.2

Flutter自定义下拉菜单

example/lib/main.dart

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Drown Menu Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Drown Menu '),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final MenuController _menuController = MenuController();
  final List<FilterRes> list1 = [];
  final List<FilterRes> list2 = [];
  final List<FilterRes> list3 = [];

  @override
  void initState() {
    super.initState();
    for (int i = 0; i < 10; i++) {
      list1.add(FilterRes(name: "选项$i"));
      list2.add(FilterRes(name: "选项2$i"));
      list3.add(FilterRes(name: "选项3$i"));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: Column(
          children: [
            DropDownMenuHeader(
                menuController: _menuController,
                titles: const ["检测领域", "业务类型", "距离"]),
            Expanded(
                child: Stack(
              children: [
               InkWell(
                 child:  Center(
                   child: Text(
                       "选择：item${_menuController.index}-- ${_menuController.title}"),
                 ),
                 onTap: (){
                   },
               ),
                DropDownMenu(
                    height: 300,
                    milliseconds: 300,
                    children: [
                      MenuList(
                        index: 0,
                        menuController: _menuController,
                        filterList: list1,
                        onTap: (index) {
                          setState(() {});
                        },
                      ),
                      MenuList(
                        index: 1,
                        menuController: _menuController,
                        filterList: list2,
                        onTap: (index) {
                          setState(() {});
                        },
                      ),
                      MenuList(
                        index: 2,
                        menuController: _menuController,
                        filterList: list3,
                        onTap: (index) {
                          setState(() {});
                        },
                      ),
                    ],
                    menuController: _menuController),
              ],
            ))
          ],
        ));
  }
}