Flutter进阶—质感设计之弹出菜单

dart 同时被 3 个专栏收录
127 篇文章 1 订阅
119 篇文章 6 订阅
82 篇文章 1399 订阅

PopupMenuButton控件即弹出菜单控件,点击控件会出现菜单。

import 'package:flutter/material.dart';
class MenusDemo extends StatefulWidget {
  @override
  _MenusDemoState createState() => new _MenusDemoState();
}
class _MenusDemoState extends State<MenusDemo> {
  String _bodyStr = '显示菜单的点击';
  @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: '选项一的值',
                child: new Text('选项一')
              ),
              new PopupMenuItem<String>(
                value: '选项二的值',
                child: new Text('选项二')
              )
            ]
          )
        ]
      ),
      body: new Center(
        child: new Text(_bodyStr)
      )
    );
  }
}
void main() {
  runApp(new MaterialApp(
    title: 'Flutter教程',
    home: new MenusDemo(),
  ));
}

这里写图片描述

这里写图片描述

这里写图片描述

  • 3
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页

打赏

何小有

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值