Your first Flutter app | Google Codelabs
즐겨찾기 페이지 대신 사용했던 Placeholder
위젯을 기억하시나요?
이제 이 문제를 해결할 때입니다.
모험심이 강하다면 이 단계를 직접 시도해 보세요. 새로운 상태 비저장 위젯인 FavoritesPage
에 즐겨찾기의 목록을 표시한 다음 Placeholder
대신 해당 위젯을 표시하는 것이 목표입니다.
다음은 몇 가지 팁입니다:
Column
을 원한다면 ListView
위젯을 사용하세요.context.watch<MyAppState>()()
를 사용하여 MyAppState
인스턴스에 액세스하는 것을 잊지 마세요.ListTile
에 Title
(일반적으로 텍스트용), leading
(아이콘 또는 아바타용), onTap
(상호작용용)과 같은 프로퍼티가 있습니다. 하지만 이미 알고 있는 위젯으로도 비슷한 효과를 얻을 수 있습니다.for
루프를 사용할 수 있습니다. 예를 들어 messages
에 문자열 목록이 포함된 경우 다음과 같은 코드를 사용할 수 있습니다:반면 함수형 프로그래밍에 더 익숙하다면 Dart를 사용하여 messages.map((m) => Text(m)).toList()
와 같은 코드를 작성할 수도 있습니다. 물론 언제든지 위젯 목록을 만들어 build
메서드 내에서 필수적으로 추가할 수 있습니다.
즐겨찾기를 직접 추가할 때의 장점은 직접 결정함으로써 더 많은 것을 배울 수 있다는 것입니다. 단점은 아직 혼자서 해결할 수 없는 문제가 발생할 수 있다는 것입니다. 실패는 괜찮으며 학습의 가장 중요한 요소 중 하나라는 점을 기억하세요. 첫 시간 안에 Flutter 개발을 완벽하게 해내기를 기대하는 사람은 아무도 없으며, 여러분도 그렇게 해서는 안 됩니다.
다음은 즐겨찾기 페이지를 구현하는 한 가지 방법일 뿐입니다. 이 구현 방법을 통해 코드를 가지고 놀면서 UI를 개선하고 자신만의 것으로 만드는 데 영감을 얻으실 수 있기를 바랍니다.