728x90
반응형
이번에는 프로그램에 대한 정보를 구조화하고, 더미 데이터를 생성하고 테스트 해보는 시간!
필요한 데이터는
- 제목
- 분류 키워드 (ex, 로맨스..)
- 포스터
- 찜 여부
이렇게 4가지가 있다.
데이터 모델 설정
model_movie.dart
추후 파이어베이스 연결 후 관리도 쉽게 하기 위해서 데이터를 정의해준다.
//For managing movie's data easliy.
class Movie{
final String title;
final String keyword;
final String poster;
final bool like;
Movie.fromMap(Map<String, dynamic> map)
: title = map['title'],
keyword = map['keyworkd'],
poster = map['poster'],
like = map['like'];
@override
String toString() => "Movie<$title:$keyword>";
}
더미데이터 생성
home_screen.dart
class _HomeScreenState extends State<HomeScreen> {
// movie dummy data for testing
List<Movie> movies = [
Movie.fromMap(
{
'title': 'Crash Landing On You',
'keyworkd': 'Love/Romantic/K-Drama',
'poster': 'test_movie_1.png',
'like': false
})
];
...
gitHub : https://github.com/leehy0321/NetflixClone/commit/a3c75f42140f208827b29f6f1b5d863d4ee3de76
728x90
반응형
'SELF STUDY > Flutter' 카테고리의 다른 글
[Flutter] 화면 간 이동 구현 | Navigator (0) | 2024.04.25 |
---|---|
[Flutter] CrossAxisAlignment 란? (0) | 2024.04.25 |
[Flutter] 넷플릭스 클론 코딩 #3 | Top Bar 추가 | 로고 추가 | 이미지 패키지 추가 | 이미지 띄우기 | png 파일 추가 (0) | 2024.04.24 |
[Flutter] 넷플릭스 클론 코딩 #2 | 하단 네비게이션 바 생성 (0) | 2024.04.23 |
[Flutter] 넷플릭스 클론 코딩 #1 | 플러터 개발 환경 세팅 | fix 'bottom overflowed by 19 pixels' error (0) | 2024.04.22 |