인프런 커뮤니티 질문&답변

신종원님의 프로필 이미지
신종원

작성한 질문수

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

플러터와 파이어베이스 연동하기 - 2) 플러터 코드 작성하기

FirebaseFrirestroe 사용시 아래코드로 하시면 됩니다.

작성

·

615

5

cloud_firestore3.1.10 사용시 참고하세요

 
class _HomeScreenState extends State<HomeScreen> {
FirebaseFirestore firebaseFirestore = FirebaseFirestore.instance;
late Stream<QuerySnapshot> streamData;

@override
void initState() {
super.initState();
streamData = firebaseFirestore.collection('movie').snapshots();
}

Widget _fetchData(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance.collection('movie').snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return LinearProgressIndicator();
}
return _buildBody(context, snapshot.data!.docs);
});
}

Widget _buildBody(BuildContext context, List<DocumentSnapshot> snapshot) {
List<Movie> movies = snapshot.map((d) => Movie.fromSnapshot(d)).toList();
return ListView(children: [
Stack(
children: [CarouselImage(movies: movies), TopBar()],
),
CircleSlider(movies: movies),
BoxSlider(movies: movies)
]);
}

@override
Widget build(BuildContext context) {
return _fetchData(context);
}
}

답변 4

1

감사합니당

0

와 감사해요.. 최신 버전에서 어떻게 해야될지 막막해하고 잇어쓴ㄴ데.

0

와 너무 감사합니다...!!!

0

감사합니다.

신종원님의 프로필 이미지
신종원

작성한 질문수

질문하기