inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Mã hóa bản sao giao diện người dùng Netflix bằng Flutter + Firebase [Flutter]

Tích hợp Flutter và Firebase - 2) Viết code Flutter

firebase 모델 적용 후 ui화면 오류

Đã giải quyết

1050

20141025059502

5 câu hỏi đã được viết

0

//
home_screen.dart 파일입니다.
firebase에 입력된 값들을 적용하니까, ui화면은 다 사라지고 흰색 화면만 좌우로 무한스크롤 됩니다ㅠㅠ
안드로이드로 개발했습니다.
//
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:second/model/model_movie.dart';
import 'package:second/widget/box_slider.dart';
import 'package:second/widget/carousel_slider.dart';
import 'package:second/widget/circle_slider.dart';

class HomeScreen extends StatefulWidget {
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  Firestore firestore = Firestore.instance;
  Stream<QuerySnapshot> streamData;

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

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

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

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

class TopBar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.fromLTRB(207207),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Image.asset(
            'images/bbongflix_logo.png',
            fit: BoxFit.contain,
            height: 25,
          ),
          Container(
            padding: EdgeInsets.only(right: 1),
            child: Text(
              'TV 프로그램',
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.only(right: 1),
            child: Text(
              '영화',
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.only(right: 1),
            child: Text(
              '내가 찜한 콘텐츠',
              style: TextStyle(fontSize: 14),
            ),
          ),
        ],
      ),
    );
  }
}

firebase Flutter 클론코딩

Câu trả lời 7

2

Jmob

안녕하세요, cloud_firestore에서도 버전 문제로 프로젝트 빌드가 되지 않는것으로 보입니다... cloud_firestore 버전도 알려주실 수 있나요?

2

taebbong

안녕하세요! 강의 들어주셔서 감사합니다.

앞선 질문에 대해 답변 못드리고 직접 해결하게 하여 죄송합니다ㅠㅠ

파이어베이스 관련 오류는 버전 지정 문제로 보이는데, 자동으로 너무 상위 버전 패키지를 가져오는 것 같습니다!

아래와 같이 버전 설정하여 다시 해보시겠어요?

firebase_core: ^0.2.5

0

20141025059502

답변주셔서 감사합니다^^

0

20141025059502

실제 쓰인 패키지입니다.

0

20141025059502

dependencies:
  flutter:
    sdkflutter
  carousel_slider:
  flutter_linkify:
  url_launcher:
  cloud_firestore:
  firebase_core:

0

20141025059502

ui 화면 백지화는 고쳤는데 firebase와 연동이 안됩니다ㅠㅠ 

0

20141025059502

[second] flutter pub get
Running "flutter pub get" in second...                          
Error on line 30, column 18 of pubspec.yaml: Invalid version constraint: Expected version number after "^" in "^3 + 0.4.4", got "3 + 0.4.4".

   ╷

30 │   firebase_core: ^3 + 0.4.4

   │                  ^^^^^^^^^^

   ╵
pub get failed (65;    ╵)
exit code 65

home screen에 찜하기가 바로 업데이트가 안되는 현상

0

298

1

로고 이미지가 안불러와져요

1

556

1

firebase 설치이후 디버깅하면 아래와 같은 에러가 발생하는데 알려주실분 계실까요?

0

1510

1

TabController controller를 넣게되면 오류가 나고 late를 넣으면 정상으로 작동되는데 이유를 알 수 있을까요?

0

739

1

CarouselImage문제

0

521

1

22.12.11 carousel_slider 문의 드려요..

0

817

1

왜 버튼들이 세로로 정렬될까요..ㅜㅜ

0

422

1

firebase 프로덕트 모드로 진행했는데, 홈화면이 안뜹니다... ㅜ

0

465

1

circle_silder 와 box_slider 에 이미지가 한개만 나옵니다.

0

369

0

firebase 적용후 디버깅시

0

2142

3

url_launcher 의존성 추가시 빌드 불가 에러

1

336

0

220614 carousel_slider.dart

1

675

1

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

5

795

4

M1에서는 안되는가 봅니다..?

0

318

0

상세 페이지 코딩 입력햇는데요 안나와서요 ㅠㅜ 한번 봐주세요

0

334

1

이 부분 누가 해석좀 해주세요...

0

415

1

Container 한번더 감싼 이유

1

363

1

기기별 찜하기 기능 표시

1

412

0

({this.movies}); 에서 movies가 에러나는 이유를 모르겠습니다 ㅠㅠ

1

1015

10

widget.movie.like는 뭘 의미하는 것일까요?

0

240

0

fire base core 오류???

0

457

1

2021.03.17일 기준입니다

10

633

6

FlatButton이 안쓰이는 클래스가 되어서 이렇게 바꿔봤어요

5

628

2

강사님하고 똑같이 한거 같은데 .

0

298

1