본문 바로가기

분류 전체보기

(657)
[Flutter] App Todo(with Provider) - 3단계 필터 및 리스트, cascade notation 오늘은 전체/할일/완료일을 구분할수 있는 필터 기능과 해당 필터에 맞는 리스트를 출력하는 기능을 구현해보자. 이전에는 필터 기능이 없어서 어떤 버튼(all/active/completed)을 선택해도 동일하게 Todo 리스트를 보여주었는데, 이번에는 필터에 따른 리스트 보여주기 기능을 추가할 예정이다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - 04_filter_Filtered_Todos · mike-bskim/todo_test (github.com) Release 04_filter_Filtered_Todos · mike-bskim/todo_test github.com 필터 추가 및 해당 필터별 리스트는 아래 동영상처럼 동작한다. todo_filter.dar..
[Flutter] App Todo(with Provider) - 2단계 모델링 및 리스트 관리 Todo 리스트를 관리하는 provider 를 만들어 보자. 우선 모델을 만들고, 리스트 관리는 provider 를 이용하여 구현하였다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 03_model&todo_list · mike-bskim/todo_test (github.com) Release 03_model&todo_list · mike-bskim/todo_test github.com todo_model.dart - 모델링 import 'package:equatable/equatable.dart'; import 'package:uuid/uuid.dart'; // unique 번호 생성 Uuid uuid = const Uuid(); class ..
[Flutter] App Todo(with Provider) - 1단계 화면구성 상태관리에서 배운 provider를 이용하여 todo 어플을 만들어 보려고 합니다. 오늘은 화면을 먼저만들어 보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - 02_screen_layout · mike-bskim/todo_test (github.com) Release 02_screen_layout · mike-bskim/todo_test github.com 전체 진행순서는 아래와 같다. 1. 화면 구성 2. 모델링 및 todo 리스트 관리(생성 및 완료체크) 3. 필터별 리스트 관리 4. 검색 기능추가(필터&검색, 필터와 검색 기능을 and 조건으로 구현) 5. 할일 개수 표시 6. todo 리스트 삭제 및 편집 기능 기본 화면 구성은 아래와 같다. ..
[Flutter] Provider 상태에 따른 추가 액션(without addListener) 오류 main.dart import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'app_provider.dart'; import 'success_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return ChangeNotifierProvider( create: (_) => AppProvider(), child: MaterialApp( tit..
[Flutter] Provider 상태에 따른 추가 액션(without addListener) 오늘은 Provider 구현시, 상태에 따라서 추가적인 액션이 필요한 경우에 대한 구조입니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - Release 33_ChangeNotifier_addListener2 · mike-bskim/provider_overview · GitHub Release 33_ChangeNotifier_addListener2 · mike-bskim/provider_overview github.com main.dart - submit 함수내에서 추가 액션을 구현 import 'package:flutter/material.dart'; import 'package:provider/provider.d..
[Flutter] Provider - errors(Provider with Navigator.push) 오늘은 Provider 관련 에러들에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - https://github.com/mike-bskim/provider_overview GitHub - mike-bskim/provider_overview Contribute to mike-bskim/provider_overview development by creating an account on GitHub. github.com 화면 랜더링과 동시에 페이지이동(Navigator) 할때 나오는 에러입니다. ======== Exception caught by widgets library ======== The fo..
[Flutter] Provider - errors(provider with Dialog) 오늘은 Provider 관련 에러들에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - https://github.com/mike-bskim/provider_overview GitHub - mike-bskim/provider_overview Contribute to mike-bskim/provider_overview development by creating an account on GitHub. github.com 화면 랜더링과 동시에 다이얼로그 박스를 화면에 보여주려고 할때 나오는 에러입니다. ======== Exception caught by widgets library ======== The..
[Flutter] Provider - errors(provider with StatefulWidget) 오늘은 Provider 관련 에러들에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - https://github.com/mike-bskim/provider_overview GitHub - mike-bskim/provider_overview Contribute to mike-bskim/provider_overview development by creating an account on GitHub. github.com Provider 를 사용하지만 경우에 따라서 StatefulWidget 과 같이 사용하는 경우가 있다. 이럴때 흔히 만나는 에러 메시지중에 아래와 같은 메시지가 있다. ======== ..