프로그래밍124 [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. [flutter 상태관리] 4. stateful widget (스테이트풀 위젯) stateless widget과 stateful widget에 대해 상태 관리의 관점에서 포스팅을 하고 있습니다. 이번 포스트는 stateful widget이 메인 주제입니다. 이번 포스트는 스테이트풀 위젯의 두 개의 클래스가 쌍으로 작동하는 방식과 상태를 변경하는 방법에 대해 다루게 됩니다. stateless widget의 상태가 알고 싶다면 이쪽을 참고해 주세요. stateful widget (스테이트풀 위젯) 스테이트풀 위젯은 상태(state)를 저장한다는 차이점을 제외하고는 스테이트리스 위젯과 매우 유사합니다. 스테이풀 위젯은 자신의 상태나 자신의 상태를 관리할 수 있는 내부 기능을 가지게 됩니다. 우선 간단한 예로 살펴보도록 하겠습니다. Box() 로 상자를 만들고 있다고 생각해 봅시다. 그리고.. 2022. 6. 2. 이전 1 ··· 8 9 10 11 12 13 14 ··· 31 다음
