0
点赞
收藏
分享

微信扫一扫

(16)Flutter PopupMenuItem

东方小不点 2023-03-16 阅读 66


效果

点击弹出按钮并可以选中

(16)Flutter PopupMenuItem_flutter

(16)Flutter PopupMenuItem_ide_02

(16)Flutter PopupMenuItem_ide_03

源码

import 'package:flutter/material.dart';

class PupupMenuDemo extends StatefulWidget {
@override
_PupupMenuDemoState createState() => _PupupMenuDemoState();
}

class _PupupMenuDemoState extends State<PupupMenuDemo> {
String _currentMenuItem = "Home";

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("PopupMenu"),
elevation: 0.0,
),
body: Container(
padding: EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(_currentMenuItem),
PopupMenuButton(
onSelected: (value) {
setState(() {
_currentMenuItem = value;
print(value);
});
},
itemBuilder: (BuildContext context) => [
PopupMenuItem(
child: Text("home"),
value: "Home",
),
PopupMenuItem(
child: Text("Discover"),
value: "Discover",
),
PopupMenuItem(
child: Text("Communtiy"),
value: "Communtiy",
)
])
],
)
],
),
),
);
}
}

 

举报

相关推荐

0 条评论