Flutter的PopupMenuItem中如何设置Divider？答案

【问题标题】：How to set Divider in PopupMenuItem of flutter?Flutter的PopupMenuItem中如何设置Divider？
【发布时间】：2021-07-02 13:13:14
【问题描述】：

我想在 PopupMenuItem 之间设置分隔线，并且我想更改具有默认颜色的样式 PopupMenuDivider 颜色。我该怎么做？

【问题讨论】：

标签： flutter user-interface dart menu

【解决方案1】：

您可以使用 Theme 类非常轻松地做到这一点，您可以使用它来更改图标颜色、文本颜色和 Default PopupMenuDivider 颜色。

同样，您可以使用 PopupMenuDivider 在 PopupMenuItem 的 Divider 上轻松执行此操作。

actions: [
      Theme(
        data: Theme.of(context).copyWith(
          dividerTheme: DividerThemeData(
            color: Colors.black,
          ),
          iconTheme: IconThemeData(color: Colors.white),
          textTheme: TextTheme().apply(bodyColor: Colors.white),
        ),
        child: PopupMenuButton<int>(
          color: Colors.indigo,
          //onSelected: (item) => onSelected(context, item),
          itemBuilder: (context) => [
            PopupMenuItem<int>(
              value: 0,
              child: Text('Settings'),
            ),
            PopupMenuDivider(),
            PopupMenuItem<int>(
              value: 1,
              child: Text('Share'),
            ),
            PopupMenuDivider(),
            PopupMenuItem<int>(
              value: 2,
              child: Row(
                children: [
                  Icon(Icons.logout),
                  const SizedBox(width: 8),
                  Text('Sign Out'),
                ],
              ),
            ),
          ],
        ),
      ),
    ],

【讨论】：