【问题标题】:How to change popup background color in flutter如何在颤动中更改弹出背景颜色
【发布时间】:2021-04-27 07:10:25
【问题描述】:

我在我的项目中创建了这个弹出菜单,我正在尝试更改弹出菜单的背景颜色,但不确定如何更改它,所以如果我能得到任何帮助或建议。

                      ? PopupMenuButton(
                          icon: Icon(
                            Icons.more_vert,
                            color: Colors.white,
                          ),
                          onSelected: selectedOption,
                          itemBuilder: (BuildContext context) {
                            return Popup.choises.map((String value) {
                              return PopupMenuItem<String>(
                                value: value,
                                child: Text(value),
                              );
                            }).toList();
                          })

【问题讨论】:

    标签: flutter dart flutter-layout flutter-web flutter-animation


    【解决方案1】:

    使用这个

    PopupMenuButton(
               color: Colors.white,
                                  icon: Icon(
                                    Icons.more_vert,
                                    color: Colors.white,
                                  ),
                                  onSelected: selectedOption,
                                  itemBuilder: (BuildContext context) {
                                    return Popup.choises.map((String value) {
                                      return PopupMenuItem<String>(
                                        value: value,
                                        child: Text(value),
                                      );
                                    }).toList();
                                  })
    

    【讨论】:

    • 嗨,它可以工作,谢谢你。您是否也知道如何使弹出菜单的边缘在每个角落都变圆。谢谢
    • 使用形状:RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
    • 您好,您也可以帮我一个,stackoverflow.com/questions/65852162/…
    【解决方案2】:

    只需将颜色参数提供给 PopupMenuButton 即可。

    ///example
    PopupMenuButton(
    color:Colors.red,
    /// other parameters/options
    )
    

    【讨论】:

    • 嗨,它可以工作,谢谢你。您是否也知道如何使弹出菜单的边缘在每个角落都变圆。谢谢
    • 使用 shape 参数来做。
    • 您好,您也可以帮我一个,stackoverflow.com/questions/65852162/…
    • 我在 API 文档中没有看到任何特定的选项。有一种解决方案可以为您解决,因为 PopupMenuItem 的子参数需要一个小部件。您可以将自定义的小部件与背景颜色或初始颜色一起传递。例如,您可以将小部件包装到容器中并设置背景颜色或使用 ListTile 或 InkWell 设置背景颜色/初始颜色(悬停效果,如 CSS )。确保将 InkWell 包装到 Material Widget 中以按照您的期望工作。我希望它可以帮助您实现预期的结果。
    猜你喜欢
    • 1970-01-01
    • 2019-12-22
    • 1970-01-01
    • 2014-02-09
    • 2016-03-16
    • 2014-02-24
    • 2019-02-08
    • 2019-09-09
    • 1970-01-01
    相关资源
    最近更新 更多