miniriverpod-ஐ நிமிடங்களில் நிறுவவும்.

SDK கட்டுப்பாடுகளை அமைத்து, தொகுப்பைச் சேர்த்து, ProviderScope + WidgetRef.watch சரியாக இணைக்கப்பட்டுள்ளன என்பதை உறுதிப்படுத்தவும்.

முக்கிய கருத்துகளைத் திற GitHub-ஐக் காண்

தேவைகள்

analyzer மற்றும் runtime பொருந்தாமையைத் தவிர்க்க தொகுப்பில் உள்ள அதே கட்டுப்பாடுகளைப் பயன்படுத்தவும்.

Dart SDK

>=3.10.0 <4.0.0

Flutter

குறிப்பு

உங்கள் செயலி Dart 3.10-க்கும் கீழ் pin செய்யப்பட்டிருந்தால், முதலில் SDK கட்டுப்பாடுகளை உயர்த்தி, பின்னர் flutter pub get இயக்கவும்.

நிறுவல்

CLI நிறுவலை முன்னுரிமை கொள்க; பின்னர் பதிப்பை தொகுப்பு changelog-க்கு ஒத்த நிலையில் வைத்திருக்கவும்.

CLI

pubspec.yaml

# dependencies-இல் சேர்க்கவும்
dependencies:
  miniriverpod: ^0.0.2

முதல் படிகள்

உங்கள் செயலியை ProviderScope-க்குள் சுற்றி, ஒரு Provider-ஐ வரையறுத்து, ConsumerWidget-இல் இருந்து நிலையை காட்டவும்.

import 'package:flutter/widgets.dart';
import 'package:miniriverpod/miniriverpod.dart';

final counterProvider = Provider<int>((ref) => 0);

void main() {
  runApp(const ProviderScope(child: CounterApp()));
}

class CounterApp extends ConsumerWidget {
  const CounterApp({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final count = ref.watch(counterProvider);
    return Directionality(
      textDirection: TextDirection.ltr,
      child: Center(child: Text('$count')),
    );
  }
}

ஒத்திசைவு மதிப்புகளுக்கு Provider((ref) => ...) பயன்படுத்தவும்.

Future-க்கு AsyncProvider<T>((ref) async => ...) மற்றும் Stream-க்கு ref.emit(stream) பயன்படுத்தவும்.

மாற்றங்களை செயல்படுத்தும்போது ref.invoke(provider.method())-க்கு மாற்றவும்.

அடுத்த படிகள்

முக்கிய கருத்துகள்

args அடிப்படையிலான provider அடையாளம், Scope injection, மற்றும் codegen இல்லாத வடிவமைப்பு தேர்வுகளைப் புரிந்துகொள்ளவும்.

முக்கிய கருத்துகளைத் திற

Providerகள் & வாசிப்புகள்

watch/read/listen நடத்தை மற்றும் AsyncProvider refresh முறைகளை கற்றுக்கொள்ளவும்.

Providerகளைத் திற

API குறிப்பு

invalidate, refreshValue, keepAlive, மற்றும் invoke போன்ற முறைகளை விரைவாகக் காணவும்.

API குறிப்பைத் திற