본문 바로가기

Flutter

(156)
[Flutter] Bloc, Stream - setState 로 구현 원본 영상(www.youtube.com/watch?v=2iWJRAcEsaQ&list=PLwUg6hFuXV86arSYNF9x_5Vm_lKdIBpf9&index=53) main.dart import 'package:bloc_stream/src/random_list.dart'; import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: RandomList(), ); } } random_list.dart import 'package:bloc_st..
[Flutter] StreamBuilder with FirebaseFirestore StreamBuilder 로 Firebase의 collection 데이터를 연결하는 샘플코드 /* 플러그인 정보 */ firebase_core: ^0.7.0 firebase_storage: ^7.0.0 cloud_firestore: ^0.16.0 Widget _buildBody() { return WillPopScope( child: StreamBuilder( stream: FirebaseFirestore.instance .collection('post') .doc(docID) .collection('post_sub') .orderBy('datetime') .snapshots(), builder: (BuildContext context, AsyncSnapshot snapshot) { if (!snapsh..
[Flutter] CRUD with FirebaseFirestore & FirebaseStorage FirebaseFirestore 에 대한 기본 개념을 안다면 아래의 CRUD 개념을 이해하는데 도움이 될 것 입니다. 2022.08.12 - [Flutter/06 Basic] - [Flutter] Firestore 구조 알아보기 [Flutter] Firestore 구조 알아보기 Concept CollectionReference add() - 새로운 document 추가 doc() - return documentReference query 생성 - .get()을 통해서 querySnapshot 리턴 snapshot() - return stream get() - return querySnapshot D.. unsungit.tistory.com firebase에 CRUD 하는 기본 샘플코드. /* 플러그인 정..
[Flutter] Uploading image to FirebaseStorage (async/await) firebase에 이미지를 업로드하고 이미지 URL 받은후 cloud firestore에 기본 정보를 업로드하는 샘플. /* 플러그인 정보 */ firebase_core: ^0.7.0 firebase_storage: ^7.0.0 cloud_firestore: ^0.16.0 Future _uploadImage() async { // 스토리지에 먼저 사진 업로드 하는 부분. final firebaseStorageRef = FirebaseStorage.instance; TaskSnapshot task = await firebaseStorageRef .ref() // 시작점 .child('post') // collection 이름 .child(_picName) // 업로드한 파일의 최종이름, 본인이 원하는 이름..