Flutter 질감 디자인 팝 업 메뉴

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(),
 ));
}

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.