使用Flutter怎么實(shí)現(xiàn)彈出菜單

本篇文章給大家分享的是有關(guān)使用Flutter怎么實(shí)現(xiàn)彈出菜單，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

PopupMenuButton控件即彈出菜單控件，點(diǎn)擊控件會(huì)出現(xiàn)菜單。

import 'package:flutter/material.dart';
class MenusDemo extends StatefulWidget {
 @override
 _MenusDemoState createState() => new _MenusDemoState();
}
class _MenusDemoState extends State<MenusDemo> {
 String _bodyStr = '顯示菜單的點(diǎn)擊';
 @override
 Widget build(BuildContext context) {
  return new Scaffold(
   appBar: new AppBar(
    title: new Text('菜單演示'),
    actions: <Widget> [
     new PopupMenuButton<String>(
      onSelected: (String value) {
       setState(() {
        _bodyStr = value;
       });
      },
      itemBuilder: (BuildContext context) => <PopupMenuItem<String>>[
       new PopupMenuItem<String>(
        value: '選項(xiàng)一的值',
        child: new Text('選項(xiàng)一')
       ),
       new PopupMenuItem<String>(
        value: '選項(xiàng)二的值',
        child: new Text('選項(xiàng)二')
       )
      ]
     )
    ]
   ),
   body: new Center(
    child: new Text(_bodyStr)
   )
  );
 }
}
void main() {
 runApp(new MaterialApp(
  title: 'Flutter教程',
  home: new MenusDemo(),
 ));
}

以上就是使用Flutter怎么實(shí)現(xiàn)彈出菜單，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。