flutter - 如何在Flutter中为PopupMenu添加圆形边框?

标签 flutter dart rounded-corners popupmenu

有什么办法可以创建带有圆形边框的自定义弹出窗口?
这是我当前的代码和设计:

                child: Container(
                 child: PopupMenuButton(
                   onSelected: _savedLocationOptionSelected,
                   itemBuilder: (context) {
                     return SavedLocationOptions.choises.map((value) {
                       return PopupMenuItem<String>(
                         value: value,
                         child: Text(value),
                       );
                     }).toList();
                   },
                   icon: Icon(
                     Icons.more_vert,
                     color: Colors.grey[300],
                   ),
                 ),
               ),

enter image description here

最佳答案

您只需在PopupMenuButton上添加这样的内容shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20.0))),例子

   PopupMenuButton(
      child: Text("Show Popup Menu"),
      shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.all(Radius.circular(15.0))
      ),
      itemBuilder: (context) => [
        PopupMenuItem(
          child: Text("pub.dev"),
        ),
        PopupMenuItem(
          child: Text("Flutter"),
        ),
        PopupMenuItem(
          child: Text("Google.com"),
        ),
        PopupMenuItem(
          child: Text("https://blogdeveloperspot.blogspot.com"),
        ),
      ],
    ),

关于flutter - 如何在Flutter中为PopupMenu添加圆形边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56639595/

相关文章:

flutter - 无法处理SocketException

android - 如何处理模型类中的 NULL SAFETY?

firebase - 用RxDart在dart-flutter中进行Concanete 2 Firestore QuerySnapShot流

android - 将图片下载器添加到Flutter应用时出错

dart - 打印变量值的详细结构/类型信息

iphone - CALayer 将无法工作

html - 是否有任何 HTML 代码可以显示椭圆或圆角矩形?

flutter - 如何使用视频播放器插件播放存储在作为数组引用的 Assets 文件夹中的视频列表

events - 如何在 Flutter 上实现事件监听器或委托(delegate)

jquery - 在 IE8 中使用 CSS 在 <hr> 标签上设置圆 Angular