Meydan okuma 3

Firestore ile gerçek zamanlı sohbet ekranı yaparsın.

Meydan okuma 3 - Firestore sohbet

Bu meydan okumada Firestore koleksiyonundan mesajları snapshots() ile dinleyip StreamBuilder ile ekranda göstereceksin. Her mesaj eklenişinde stream yeni veri yayınlar.

StreamBuilder<QuerySnapshot>(
  stream: FirebaseFirestore.instance
      .collection('messages')
      .snapshots(),
  builder: (context, snapshot) {
    if (!snapshot.hasData) return Text('yukleniyor');
    return Text('${snapshot.data!.docs.length} mesaj');
  },
)

Uygulama StreamController ile ilk veri

main içinde List<String> tutan bir StreamController oluştur (streamCtrl). İçine üç elemanlı bir liste ekle. streamCtrl.stream.first ile ilk veriyi bekle ve length'ini yazdır. Sonra streamCtrl.close() çağır.

Örnek çözümü göster

import 'dart:async';

void main() async {
  final streamCtrl = StreamController<List<String>>();
  streamCtrl.add(['a', 'b', 'c']);
  final data = await streamCtrl.stream.first;
  print(data.length);
  streamCtrl.close();
}

Uygulama StreamBuilder widget'ı oluştur

main içinde List<String> tutan bir StreamController oluştur (streamCtrl). StreamBuilder<List<String>> widget'ı oluştur: stream olarak streamCtrl.stream ver, builder snapshot.hasData ise Text(snapshot.data!.length.toString()), değilse Text('yok') dönsün. Widget'ın runtimeType'ını print ile yazdır ve streamCtrl.close() çağır.

Örnek çözümü göster

import 'dart:async';
import 'package:flutter/material.dart';

void main() {
  final streamCtrl = StreamController<List<String>>();
  final widget = StreamBuilder<List<String>>(
    stream: streamCtrl.stream,
    builder: (context, snapshot) {
      if (snapshot.hasData) {
        return Text(snapshot.data!.length.toString());
      }
      return const Text('yok');
    },
  );
  print(widget.runtimeType);
  streamCtrl.close();
}

Kendini test et

snapshots() metodu ne tür bir nesne döner?
- Stream<QuerySnapshot>
- Future<QuerySnapshot>
- QuerySnapshot
- List<DocumentSnapshot>
Cevabı göster

Stream<QuerySnapshot> — snapshots() bir Stream<QuerySnapshot> döndürür; her veri değişiminde yeni snapshot yayınlanır.

StreamBuilder'a stream ver

StreamBuilder<QuerySnapshot>(
  stream: FirebaseFirestore.instance
      .collection('messages')
      .____(),
  builder: (context, snapshot) { ... },
)

Cevabı göster

StreamBuilder<QuerySnapshot>(
  stream: FirebaseFirestore.instance
      .collection('messages')
      .snapshots(),
  builder: (context, snapshot) { ... },
)

Firestore sohbet eşleşmeleri

Firestore

Veritabanı
snapshots

Gerçek zamanlı akış
StreamBuilder

Stream'i widget'a bağlar
QuerySnapshot

Sorgu sonucu

Sıradaki ders: Meydan okuma 4

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler