Is there any way I could create custom pop up with rounded borders? This is my current code and design:
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],
),
),
),
You just add like this at PopupMenuButton
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(20.0),
),
),
Example
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"),
),
],
),
Another simple way is:
shape: ContinuousRectangleBorder(
borderRadius: BorderRadius.circular(30),
),
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With