개발자의 공부방/모바일 Flutter] DropdownButton으로 DropBox 구현하기 - 728x90 반응형 final _valueList = ['최대', '50%', '25%', '15%', '10%']; String? _selectedValue; ... 생략 Container( child: DropdownButton( hint: Text('비율'), items: _valueList .map( (String item) => DropdownMenuItem( child: Text(item), value: item, ), ) .toList(), onChanged: (String? value) => setState(() { print('==> ${this._selectedValue}'); print('==> selected $value'); this._selectedValue = value; }), value: _selectedValue, ), ), 웹에서는 select box라고 하는데 모바일에서는 DropBox라고 한다. Flutter에서는 기본 값을 보여주려면 Equatable이라는 플러그인을 상속 받아서 쓰는 방법이 있는데.. 현재 데이터 연동을 하는 것이 아니기때문에 이 방법은 적절하지 않았다. 해당 관련 글 : https://stackoverflow.com/questions/60510150/flutter-there-should-be-exactly-one-item-with-dropdownbuttons-value Flutter: There should be exactly one item with [DropdownButton]'s value I am trying to create a dropdown button in Flutter. I am getting a List from my database then I pass the list to my dropdownButton everything works the data is shown as intended but when I choose an stackoverflow.com Equatable 사용법 (국내) : https://blog.codefactory.ai/flutter/equatable/ 대신 DropdownButton에는 초기값을 보여주는 hint 라는 옵션이 있어서 이 부분을 사용하면 쉽게 초기값을 보여줄 수 있다. (웹에서 placehold같은...?) 위와 같은 소스로 일단 구현을 했다. 참고 : https://www.technicalfeeder.com/2021/11/flutter-dropdown-button-example/ Flutter Dropdown Button hint text and initial value Dropdown is one of the common ways to let a user select an option from a list. Let's learn how to implement it in F www.technicalfeeder.com 반응형 공유하기 게시글 관리 준수한쭈니네 저작자표시 '개발자의 공부방 > 모바일' 카테고리의 다른 글 Flutter] Checkbox를 동그라미로 커스텀해보자. (0) 2022.03.15 Flutter] DropdownButton을 눌렀을 때 목록 크기를 맞추는 방법. (0) 2022.03.15 Flutter] ToggleButtons으로 선택 버튼 구현하기 (0) 2022.03.15 Flutter] FloatingActionButton에서 그림자 제거 (0) 2022.03.14 Flutter] flutter 프로젝트 실행 크롬으로 뜨는 문제 (0) 2022.02.01 Contents 당신이 좋아할만한 콘텐츠 Flutter] Checkbox를 동그라미로 커스텀해보자. 2022.03.15 Flutter] DropdownButton을 눌렀을 때 목록 크기를 맞추는 방법. 2022.03.15 Flutter] ToggleButtons으로 선택 버튼 구현하기 2022.03.15 Flutter] FloatingActionButton에서 그림자 제거 2022.03.14 댓글 0 + 이전 댓글 더보기