728x90
반응형

2024/05/11 2

[Flutter] 넷플릭스 클론 코딩 #10 | 검색 화면 | 파이어베이스에서 데이터 검색 후 결과 추출 | Expanded | TextEditingController |

이번 시간에는 검색 화면을 구현해보았다!일치하는 데이터를 보여주는 것 까쥐~ 이제 곧 클론 코딩의 끝이 보인다 +_+ # 검색 문자 추적데이터의 변화를 지켜보기 위해 Screen을 StatefulWidget으로 만든다.class SearchScreen extends StatefulWidget { const SearchScreen({super.key}); @override _SearchScreenState createState() => _SearchScreenState();} State를 제어하는 class 생성 후 TextEditingController 의 listener를 이용해 텍스트의 변화를 추적한다.class _SearchScreenState extends State { final Text..

SELF STUDY/Flutter 2024.05.11

[Flutter] 넷플릭스 클론 코딩 #9 | 파이어베이스에서 실제 데이터 받아오기 | 파이어베이스 연결 | cloud_firestore | firebase_core | StreamBuilder | QuerySnapshot | DocumentSnapshot | Snapshot | DocumentReference

지난 번엔 Flutter에서 Firebase를 사용하기 위한 콘솔 및 환경 설정에 대해 정리했다.(https://codingstorywithme.tistory.com/94)   이번에는 Flutter에서 Firebase를 사용하는 방법에 대해 정리해보겠다. # Package 설치파이어베이스의 데이터베이스인 파이어스토어 사용을 위해,dependency 에 cloud_firestore와 firebase_core를 설치한다. pubspec.yamldependencies: flutter: sdk: flutter carousel_slider: flutter_linkify: #for using clickable link url_launcher: #for executing link cloud_fires..

SELF STUDY/Flutter 2024.05.11
728x90
반응형