Özet - Riverpod temel

Riverpod, Provider ve ConsumerWidget'ı birleştirerek sayaç yaparsın.

Özet - Riverpod temel

Bu bölümde üç şey öğrendin: Riverpod ile BuildContext'e bağımlı olmayan state yönetimi yaparsın; Provider ve StateProvider ile değer ve yazılabilir state tanımlarsın; ConsumerWidget ile ref.watch kullanarak provider'ları dinlersin.

final sayacP = StateProvider<int>((ref) => 0);
ref.watch(sayacP);
ref.read(sayacP).state++;

Bunları birleştirerek sayaç ekranı yaparsın.

Uygulama Sayaç ekranı yap

sayacP adında StateProvider<int> tanımla, başlangıç 0. Ekrani ConsumerWidget'ında ref.watch(sayacP) ile değeri göster. Butona basıldığında ref.read(sayacP).state++ çağır. main içinde print('sayaç açıldı') çağır ve ProviderScope ile kökü sar.

Örnek çözümü göster

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

final sayacP = StateProvider<int>((ref) => 0);

void main() {
  print('sayaç açıldı');
  runApp(ProviderScope(child: MyApp()));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: Ekrani());
  }
}

class Ekrani extends ConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final sayac = ref.watch(sayacP);
    return Scaffold(
      body: Center(child: Text('$sayac')),
      floatingActionButton: FloatingActionButton(
        onPressed: () => ref.read(sayacP).state++,
        child: Icon(Icons.add),
      ),
    );
  }
}

Kendini test et

Riverpod'da provider'a erişmek ve dinlemek için hangi widget kullanılır?
- InheritedWidget
- StatefulWidget
- StatelessWidget
- ConsumerWidget
Cevabı göster

ConsumerWidget — ConsumerWidget, build metoduna ref parametresi ekler; bu sayede ref.watch ve ref.read ile provider'lara erişilir.

StateProvider tanımla

final sayacP = ____<int>((ref) => 0);

Cevabı göster

final sayacP = StateProvider<int>((ref) => 0);

Riverpod temel parçaları

ProviderScope

Uygulama kökünü sarmalar
Provider

Salt okunur değer üretir
StateProvider

Yazılabilir state tutar
ConsumerWidget

ref ile provider'lara erişir

Sıradaki ders: Bloc nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler