본문 바로가기

Flutter/07 State - Provider

(17)
[Flutter] ProxyProvider - create, update 오늘은 ProxyProvider 에 대해서 알아보겠습니다. Provider 에서 사용하는 변수가 다른 Provider 에 영향을 미치는 경우 , 또는 외부의 변수가 Provider 에 영향을 미치는 경우 사용한다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - Release 22_ProxyProvider · mike-bskim/provider_overview (github.com) Release 22_ProxyProvider · mike-bskim/provider_overview github.com 소스코드중에서 ./pages/proxyprov_create_update.dart 파일에 대한 설명입니다. 숫자를 받아서 ..
[Flutter] ProxyProvider - update 오늘은 ProxyProvider 에 대해서 알아보겠습니다. Provider 에서 사용하는 변수가 다른 Provider 에 영향을 미치는 경우 , 또는 외부의 변수가 Provider 에 영향을 미치는 경우 사용한다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - Release 22_ProxyProvider · mike-bskim/provider_overview (github.com) Release 22_ProxyProvider · mike-bskim/provider_overview github.com 소스코드중에서 ./pages/proxyprov_update.dart 파일에 대한 설명입니다. 숫자를 받아서 문자열을 만드..
[Flutter] Provider Access - generated route 오늘은 Provider 적용후 Generated route 를 통한 화면 전환시 데이터 공유에 대해서 정리했습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - Release 21_Provider_Access_generated_route · mike-bskim/provider_overview (github.com) Release 21_Provider_Access_generated_route · mike-bskim/provider_overview github.com 기본구조는 Named route 와 비슷하다. routes 대신에 onGenerateRoute 를 추가하면 된다. // routes: { // '/': (..
[Flutter] Provider Access - Named route 오늘은 Provider 적용후 네임드 라우팅(Named route)을 통한 화면 전환시 데이터 공유에 대해서 정리했습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 - Release 20_Provider_Access_named_route · mike-bskim/provider_overview (github.com) Release 20_Provider_Access_named_route · mike-bskim/provider_overview github.com 기본 구조는 이전 블로그와 동일하지만, 몇가지 수정사항이 있다. 1. Named route 를 사용하면 라우팅별로 모두 Provider 로 wrapping 해야 ..
[Flutter] Provider Access - Anonymous route 오늘은 Provider 적용후 라우팅을 통한 화면 전환시 데이터 공유에 대해서 정리했습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 오류가 있는 원본 소스코드 - Release 19_Provider_Access_anonymous_route_error (github.com) Release 19_Provider_Access_anonymous_route_error · mike-bskim/provider_overview github.com 프로젝트는 main.dart, show_me_counter.dart, ./models/counter.dart 파일로 구성되어 있다. 화면 구성은 아래와 같다. 첫화면에서 카운터를 증가시킨후, 네..
[Flutter] Could not find the correct Provider 오늘은 Provider 오류중 흔하게 발생하는 "Could not find the correct Provider" 에 대해서 정리했습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 오류가 있는 원본 소스코드 - Release provider_context_error_org · mike-bskim/provider_overview (github.com) Release provider_context_error_org · mike-bskim/provider_overview github.com Provider 를 구현한 위젯에서 바로 Provider 를 호출하는 경우 발생한다. class MyHomePage extends Statef..
[Flutter] Consumer, Selector 오늘은 Consumer 에 대해서 정리했습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 위치 - https://github.com/mike-bskim/provider_overview/releases/tag/setState_to_Consumer1 Release setState_to_Consumer1 · mike-bskim/provider_overview github.com 화면은 이전 블로그와 동일한 구조입니다. 각 위젯별로 다른 방식으로 상태관리를 한다. Counter A - Provider Middle - context.read() Counter B - Consumer+Provider Sibling - Consu..
[Flutter] ChangeNotifierProvider 오늘은 ChangeNotifierProvider 에 대해서 정리했습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.10 소스코드 위치 - Release setState_to_Provider · mike-bskim/provider_overview (github.com) Release setState_to_Provider · mike-bskim/provider_overview github.com 상태관리 패키지들도 다양하고 하나의 패키지 내에서도 다양한 방식으로 상태관리를 할 수 있습니다. 그중에서 오늘은 ChangeNotifierProvider 에 대해서 알아보겠습니다. 먼저 화면은 아래와 같습니다. 이전 setState 샘플 코드..