Flutter (156) 썸네일형 리스트형 [Flutter] Widgets - FormBuilder 4 이번 카테고리는 form 관련 위젯인 FormBuilder 에 대해서 알아보겠습니다. 입력받은 정보를 다른 페이지에 전달하는 방법에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 06_data_transfer · mike-bskim/flutter_form_builder_test · GitHub Release 06_data_transfer · mike-bskim/flutter_form_builder_test github.com 화면은 아래와 같습니다. main.dart 수정 - 데이터를 정리하여 다음 페이지로 전달. // final inputValues = _fbKey.currentState!.value; Map tempVal.. [Flutter] Widgets - FormBuilder 3 이번 카테고리는 form 관련 위젯인 FormBuilder 에 대해서 알아보겠습니다. 라디오버튼, 체크박스에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 05_radio&checkBox · mike-bskim/flutter_form_builder_test · GitHub Release 05_radio&checkBox · mike-bskim/flutter_form_builder_test github.com 화면은 아래와 같습니다. main.dart 에서 추가된 부분만 표시하겠습니다. 전체 소스는 상단의 "소스코드 위치"를 참고하시기 바랍니다. FormBuilderRadioGroup( name: 'urgent', orienta.. [Flutter] Widgets - FormBuilder 2 이번 카테고리는 form 관련 위젯인 FormBuilder 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 04_dropdown&TypeAhead&TextField · mike-bskim/flutter_form_builder_test · GitHub Release 04_dropdown&TypeAhead&TextField · mike-bskim/flutter_form_builder_test github.com 화면은 아래와 같습니다. 관련 패키지들 flutter_form_builder: ^7.3.1 form_builder_validators: ^8.1.1 flutter_typeahead: ^4.0.0 // FormBuilde.. [Flutter] Widgets - FormBuilder 이번 카테고리는 form 관련 위젯인 FormBuilder 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 03_start&end_date · mike-bskim/flutter_form_builder_test · GitHub Release 03_start&end_date · mike-bskim/flutter_form_builder_test github.com 화면은 아래와 같습니다. 관련 패키지들 flutter_form_builder: ^7.3.1 form_builder_validators: ^8.1.1 intl: ^0.17.0 main.dart import 'package:flutter/material.dart'; imp.. [Flutter] GetX - Get.create 조합 예시 이번 카테고리는 GetX 의 Get.create 의 사용에 대해서 조금 자세히 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 Get 버전 - get: ^4.6.5 소스코드 위치 - Release 16_Get_create_example3 · mike-bskim/getx_test · GitHub Release 16_Get_create_example3 · mike-bskim/getx_test github.com 화면구성은 아래와 같다. 이전 블로그의 샘플 코드에서는 아래처럼 화면에서 접근했다. // injected by Get.create final ShoppingController controller = Get.find(); // injected by Get.put .. [Flutter] App Todo(with Getx) - 5단계 todo 편집 refactoring 상태관리에서 배운 Getx를 이용하여 todo 어플을 만들어 보려고 합니다. 이전 버전은 provider 로 상태관리하는 todo 어플을 만들었다. 오늘은 특정 리스트 편집 기능을 refactoring 해보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 06_edit_refactoring · mike-bskim/todo_getx · GitHub Release 06_edit_refactoring · mike-bskim/todo_getx github.com 리스트 편집 기능의 상태관리를 StatefulWidget 에서 GetxController 로 변경해보겠습니다. 오늘의 프로젝트 주요파일은 아래와 같다. ./bindings/todo_bin.. [Flutter] App Todo(with Getx) - 4단계 todo 편집, 삭제 상태관리에서 배운 Getx를 이용하여 todo 어플을 만들어 보려고 합니다. 이전 버전은 provider 로 상태관리하는 todo 어플을 만들었다. 오늘은 특정 리스트 편집 및 삭제 기능을 만들어 보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 05_edit&delete · mike-bskim/todo_getx · GitHub Release 05_edit&delete · mike-bskim/todo_getx github.com 화면구현은 아래와 같습니다. 오늘의 프로젝트 주요파일은 아래와 같다. ./screens/todos_screen.dart - 기능은 이미 구현되었으므로 화면에 해당 기능을 추가만 하였음. import 'packag.. [Flutter] App Todo(with Getx) - 3단계 검색, 할일 개수 상태관리에서 배운 Getx를 이용하여 todo 어플을 만들어 보려고 합니다. 이전 버전은 provider 로 상태관리하는 todo 어플을 만들었다. 오늘은 검색기능, 할일 개수 표시 기능을 만들어 보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 04_search&activeCount · mike-bskim/todo_getx · GitHub Release 04_search&activeCount · mike-bskim/todo_getx github.com 화면구현은 아래와 같습니다. 오늘의 프로젝트 주요파일은 아래와 같다. ./bindings/todo_binding.dart ./controller/todo_list_controller.da.. 이전 1 ··· 7 8 9 10 11 12 13 ··· 20 다음
