상태관리4 [flutter 상태관리] 8. 플러터 ScopedModel 지금까지 상태를 전달해주기 위해 해왔던 일은 되짚어보면 첫 번째로는 상위 위젯에서 상태가 필요로 하는 위젯까지 연달아 상태를 전달해 주었습니다. 문제는 중간에 있는 위젯들도 전달을 목적으로만 상태를 건네받아야 했었죠. 두 번째는 InheritedWiget을 사용하여 상태를 필요한 위젯에서 접근해서 사용했습니다. 이제 더 발전된 형태인 scopedModel을 활용해서 모델(상태)을 하위 위젯에서 어떤 식으로 이용할 수 있는지 알아보도록 하겠습니다. ScopedModel에서는 상태를 모델이라고 부르게 됩니다. 지난 상태 관리 글에서 예제가 이어집니다. 🤓 [flutter 상태관리] 5. stateful widget 실습, 체크박스를 가진 갤러리 만들기 [flutter 상태관리] 6. stateful widg.. 2022. 6. 9. [flutter 상태관리] 7. InheritedWidget 으로 상태 공유하기 플러터 앱에서 스테이트풀 위젯과, 스테이트리스 위젯에 대해 알아보며 상태의 이야기를 해오고 있습니다. InheritedWidget을 사용해서 상태를 공유하는 방법에 대해 알아보겠습니다. 이번 포스트에서 이야기하는 핵심 내용 InheritedWidget을 이해하고 사용하는 법 InheritedWidget의 updateShouldNotify 메소드 BuildContext의 dependOnInheritedWidgetOfExactType 메소드 플러터 상태 공유 지난 예제에서 상위 위젯이 가지고 있는 상태를 하위 위젯에서 변경하기 위해서 많은 위젯 사이에서 데이터를 주고받아야 했습니다. 그 결과 많은 종속성을 위젯이 가지게 되었었고 좋은 접근 방식이 아니란 걸 알 수 있었죠. [flutter 상태관리] 6. s.. 2022. 6. 8. [flutter 상태관리] 6. stateful widget 실습2, 태그 필터 갤러리 만들기 상태 관리 관점에서 stateful widget 실습을 하고 있습니다. sateful widget 실습 1에서 체크박스로 선택 가능한 갤러리를 만들었는데요. 이 화면을 개선해서 태그로 필터 기능을 가지는 갤러리로 수정해 보도록 하겠습니다. *이번 실습을 통해서 배우는 것 1. GridView 2. where 활용법 (자바스크립트의 filter) 4. 상위 위젯에서 하위 위젯으로 상태와 콜백 메소드 건네주기 5. 갤러리 만들기 6. Drawer 지난 앱의 상태 지난 포스트에서 만든 앱은 아래와 같은 화면을 가지고 있습니다. 갤러리는 사진을 단순히 보여주는 일반모드와, 사진을 길게 클릭했을 때 체크박스로 선택을 할 수 있는 태그 모드가 있습니다. 사진의 체크박스를 선택하면 선택된 상태는 로컬 상태에 저장됩니.. 2022. 6. 6. [flutter 상태관리] 5. stateful widget 실습, 체크박스를 가진 갤러리 만들기 지난 포스트에서 상태 관점으로 stateful widget을 알아보았습니다. 이번 포스트는 상태를 관리하는 갤러리 화면을 만들면서 플러터 공부를 해보도록 하겠습니다. 이번 포스트에서는 Stateful Widget의 상태 관리, 상위 위젯에서 하위위젯으로의 데이터 전달, 갤러리 만들기, Stack 레이아웃 등에 대해 다루게 됩니다. 갤러리 화면 개요 앞으로 코딩할 화면을 간략히 파악해보겠습니다. 우선 아래처럼 갤러리 화면에 사진들이 보여지고 있습니다. 태그 모드가 존재하는데, 태그 모드로 들어가기 위해서는 사진 중 하나를 길게 클릭하면 됩니다. 아래가 사진을 길게 클릭해 태그모드로 전환된 화면입니다. 태그 모드에 들어가면 레이아웃은 크게 달라지지 않지만 사진 왼쪽 위에 체크박스가 생기게 됩니다. 각 사진별.. 2022. 6. 4. 이전 1 다음
