Flutter 플러터에서 3 점 팝업 메뉴 AppBar를 추가하는 가장 쉬운 방법, Easiest way to add 3 dot pop up menu AppBar in Flutter

질문

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

답변

간단한 방법은 확실히 보조 클래스를 피하는 것입니다. Dart 2.2부터는 집합 리터럴을 사용하여 메뉴 항목의 맵을 앱 바에 직접 배치할 수 있습니다.

 appBar: AppBar(
        title: Text('홈페이지'),
        actions: <Widget>[
          PopupMenuButton<String>(
            onSelected: handleClick,
            itemBuilder: (BuildContext context) {
              return {'로그아웃', '설정'}.map((String choice) {
                return PopupMenuItem<String>(
                  value: choice,
                  child: Text(choice),
                );
              }).toList();
            },
          ),
        ],
      ),

그리고 메서드에서 아이템 텍스트의 값을 사용하여 클릭을 처리합니다.

void handleClick(String value) {
    switch (value) {
      case '로그아웃':
        break;
      case '설정':
        break;
    }
}