![[Flutter] 14. 쇼핑카트 앱 만들기 (3) - Riverpod으로 상태 관리](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A14.456Z-1ae5293d-43b7-47e1-a60e-e059aa782edc&w=2048&q=75)
라이브러리 연결
Riverpod으로 관리할 위젯 트리 scope 지정
home_vm 템플릿 가져오기
창고 데이터 타입 지정
SelectorModel 객체를 창고가 state로 관리한다.
창고 내부에 행위 만들기
SelectorHeader StatefulWidget → ConsumerWidget으로 변경
중간 클래스 삭제를 위해 StatelessWidget으로 전환 후 ConsumeWidget으로 한 번 더 전환한다. 그리고 build의 매개변수로 WidgetRef ref를 받는다.
SelectorButton StatefulWidget → ConsumerWidget으로 변경
SelectButton으로 index 넘겨주기
근데 동작하지 않는 문제 →깊은 복사 필요!
실행결과
Share article
![[Flutter] 16. 모두의 마켓 앱 만들기 (1) - BottomNavigationBar 및 화면 전환 상태 관리 (구조)](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A38%3A52.886Z-4aa1327b-2f11-48dd-9eaa-3d3200e9ff30&w=750&q=75)
![[Flutter] 15. 모두의 숙소 웹 만들기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A38%3A58.017Z-4d1f3fef-1d53-4173-846f-90507c58667f&w=750&q=75)
![[Flutter] 13. 쇼핑카트 앱 만들기 (2) - 상태 관리](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A20.012Z-380010af-d967-4e8a-b4fb-c5dffb52f4a1&w=750&q=75)
![[Flutter] 12. 쇼핑카트 앱 만들기 (1) - 레이아웃](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A45.640Z-2bee72d3-33d5-4626-9c8d-649f1efe2088&w=750&q=75)