0

我想将自定义小部件：https ://github.com/GotJimmy/accordion作为 AlertDialog 内容。一般来说，它使用以下方法：

showAlertDialog(BuildContext context) {
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            scrollable: true,
            title: Text("Select category"),
            content: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  height: MediaQuery.of(context).size.height,
                  width: MediaQuery.of(context).size.width,
                  child: Accordion(
                    maxOpenSections: 1,
                    headerTextStyle: TextStyle(color: Colors.white, fontSize: 17, fontWeight: FontWeight.bold),
                    leftIcon: Icon(Icons.audiotrack, color: Colors.white),
                    children: [
                      AccordionSection(
                        isOpen: true,
                        headerText: 'Introduction',
                        content: Icon(Icons.airplanemode_active, size: 200, color: Colors.amber),
                      ),
                      AccordionSection(
                        isOpen: true,
                        headerText: 'About Us',
                        content: Icon(Icons.airline_seat_flat, size: 120, color: Colors.blue[200]),
                      ),
                      AccordionSection(
                        isOpen: true,
                        headerText: 'Company Info',
                        content: Icon(Icons.airplay, size: 70, color: Colors.green[200]),
                      ),
                      AccordionSection(
                        isOpen: true,
                        headerText: 'Contact',
                        content: Icon(Icons.contact_page, size: 300, color: Colors.grey),
                      ),
                      AccordionSection(
                        isOpen: false,
                        headerText: 'Technical Jobs',
                        content: Icon(Icons.computer, size: 200, color: Colors.amber),
                      ),
                      AccordionSection(
                        isOpen: false,
                        headerText: 'Administrative Jobs',
                        content: Icon(Icons.emoji_people, size: 200, color: Colors.amber),
                      ),
                      AccordionSection(
                        isOpen: false,
                        headerText: 'Culture',
                        content: Icon(Icons.calculate_rounded, size: 200, color: Colors.green),
                      ),
                      AccordionSection(
                        isOpen: false,
                        headerText: 'Community',
                        content: Icon(Icons.commute_outlined, size: 200, color: Colors.blueAccent),
                      ),
                      AccordionSection(
                        isOpen: false,
                        headerText: 'Friends Of Us',
                        content: Icon(Icons.child_friendly, size: 200, color: Colors.red),
                      ),
                      AccordionSection(
                        isOpen: false,
                        headerText: 'Map',
                        content: Icon(Icons.map, size: 200, color: Colors.blue),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          );
        });
  }

但是，我对此并不满意。我想在展开/折叠项目时强制警报对话框适合子小部件高度，以避免在我的可展开列表下方出现多余的空白空间 - 如果需要，应在展开/折叠组上更改对话框大小，或者如果没有空间显示所有项目，则显示滚动条. 这就是我现在得到的：

在此处输入图像描述

有任何想法吗？

4

0 回答 0