[Flutter] dropdown_button2 드롭다운 버튼 구현 방법

2024-01-02 1. 설치 dependencies: dropdown_button2: ^2.3.8 import 'package:dropdown_button2/dropdown_button2.dart'; 2. 예제 final List items = [ 'Item1', 'Item2', 'Item3', 'Item4', ]; String? selectedValue; @override Widget build(BuildContext context) { return Scaffold( body: Center( child: DropdownButtonHideUnderline( child: DropdownButton2( isExpanded: true, hint: Text( 'Select Item', style: TextSt..

• format_list_bulleted Flutter
• · 2024. 1. 4.
• textsms

[Flutter] PopupMenuButton 를 이용한 드롭다운 버튼 구현 onSelected

2024-01-03 1. 구현 예제 코드 코드를 구현한 배경지식은 로그인 후 Appbar 우측 상단에 톱니모양의 아이콘이 나오면 로그아웃과 회원탈퇴 기능을 하는 드롭다운 버튼을 구현하는 것이 필요하여, PopupMenuButton 위젯을 사용하여 구현하였다. 드롭다운은 메뉴는 로그아웃/회원탈퇴 두 가지이며, 각각은 PopupMenuItem 위젯으로 wrapping 되어 있다. 유저의 tap에 따라 onSlected 되면 해당 PopupMenuItem 의 value 값 기준으로 분기를 진행하여 원하는 기능을 수행할 수 있게 된다. PopupMenuButton( onSelected: (value) async { if (value == 'signout') { await authService.signOut();..

• format_list_bulleted Flutter
• · 2024. 1. 3.
• textsms