flutter를 활용하여 덧셈, 뺄셈, 곱셈, 나눗셈 기능 구현하기
* 두 수를 입력받아 연산 후 그 결과를 출력하는 기능
- 텍스트필드를 다루려면 TextEditingController 를 설정해야된다.
- _WidgetAppState 클래스에 TextEditingController를 선언하고, Text에 출력할 문자열도 선언.
* 텍스트필드에 controller 선언
- 첫번 째 필드에 value1, 두번 째 필드에 value2
* 플러터가 제공하는 키보드 유형
| 키보드 유형 | 설 명 |
| text | 기본 텍스트 |
| multiline | 멀티 라인 텍스트, 메모 같이 여러 줄을 입력할 때 사용 |
| number | 숫자 키보드 표시 |
| phone | 전화번호 전용 키보드 |
| datatime | 날짜 입력 키보드 |
| emailAddress | @ 표시 등 이메일 입력 키보드 |
| url | 주소 입력 창 |
* 목록 펼침 버튼(DropdownButton) 만들기
- DropdownButton에 전달한 items는 펼침 버튼에 표시할 아이템 목록, onChanged는 아이템이 바뀔 때 처리할 이벤트
- 먼저 펼침 버튼에 표시할 아이템 목록 만들기
_buttonList 리스트 선언하고 아이템 입력 후 DropdownButton 형식의 리스트를 하나 더 선언
- initState() 함수에서 _buttonList에 있는 문자열을 하나씩 빼서 _dropDownMenuItems에 추가함으로 써
아이템 목록 펼침 버튼에 넣을 메뉴 아이템으로 만든다
- 펼침 버튼의 items와 onChanged 이벤트 처리 함수에 코드 작성
* 펼침 버튼을 눌러 사용자가 선택한 연산을 수행하도록 코드 추가
* 전체 코드 링크(깃허브)
'flutter > development' 카테고리의 다른 글
| 간단한 todo_list 만들기 (0) | 2022.11.15 |
|---|---|
| 책 목록 불러오기 (0) | 2022.11.14 |
| 동물 목록 어플 만들기(ListView)[2] (0) | 2022.11.12 |
| 동물 목록 어플 만들기(ListView)[1] (0) | 2022.11.12 |
| 연락처 앱 만들기 (0) | 2022.10.26 |
