dart - Easiest way to add 3 dot pop up menu AppBar in Flutter

Question

1. I want a 3 dot popup menu button in the app bar of my app

2. It must be a clickable one [navigate to other widgets,pages]

3. Please tell how to add a pop up menu button in a simpler way

question from:https://stackoverflow.com/questions/58144948/easiest-way-to-add-3-dot-pop-up-menu-appbar-in-flutter

Answer 1

The simplistic way is undoubtedly to avoid auxiliary classes. As of Dart 2.2 with the use of set literals, we can place the map of menu items in the app bar directly

 appBar: AppBar(
        title: Text('Homepage'),
        actions: <Widget>[
          PopupMenuButton<String>(
            onSelected: handleClick,
            itemBuilder: (BuildContext context) {
              return {'Logout', 'Settings'}.map((String choice) {
                return PopupMenuItem<String>(
                  value: choice,
                  child: Text(choice),
                );
              }).toList();
            },
          ),
        ],
      ),

and handle click with value of Item text in method

void handleClick(String value) {
    switch (value) {
      case 'Logout':
        break;
      case 'Settings':
        break;
    }
}