Flutter-如何在弹出菜单中添加关闭图标？

Question

             PopupMenuButton<String>(

                    child: SizedBox(
                      child: ....
                    ),

                    onSelected: (value) {},
                    itemBuilder: (BuildContext context) {

               ///Add a close icon here (to the right) before rendering the list
                      return list!.map((notification) {
                        return custom_popup_menu.PopupMenuItem<String>(
                          value: someValue,
                          child: SizedBox(
                            child: Column(
                              children: [
                                const Divider(
                                  thickness: 1,
                                  color: CustomColor.blue_color,
                                ),
                                Text(
                                  'some text',
                                  style: TextStyle(
                                    fontWeight: (notification.readOn == null)
                                        ? FontWeight.w900
                                        : FontWeight.normal,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        );
                      }).toList();
                    },
                  ),

Answer 1

您可以在地图上使用Spreed操作员来列出并创建另一个内部列表，包括Close PopupMenuitem。

PopupMenuButton<String?>(
    onSelected: (value) => setState(() => value = value),
    itemBuilder: (context) => [
          PopupMenuItem<String?>(
            child: TextButton(
              onPressed: Navigator.of(context).pop,
              child: Text("close"),
            ),
          ),
          ...["A", "B"]
              .map(
                (e) => PopupMenuItem<String?>(
                  value: e,
                  child: Text(e),
                ),
              )
              .toList(),
        ])