miniriverpod ਨੂੰ ਕੁਝ ਮਿੰਟਾਂ ਵਿੱਚ ਇੰਸਟਾਲ ਕਰੋ।
SDK constraints ਸੈੱਟ ਕਰੋ, package ਜੋੜੋ, ਅਤੇ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ProviderScope + WidgetRef.watch ਠੀਕ ਤਰ੍ਹਾਂ ਜੁੜੇ ਹੋਏ ਹਨ।
ਲੋੜਾਂ
Analyzer ਅਤੇ runtime mismatch ਤੋਂ ਬਚਣ ਲਈ package ਵਾਲੀਆਂ ਹੀ constraints ਵਰਤੋ।
Dart SDK
>=3.10.0 <4.0.0
Flutter
ਸੁਝਾਅ
ਜੇ ਤੁਹਾਡੀ app Dart 3.10 ਤੋਂ ਹੇਠਾਂ pinned ਹੈ, ਤਾਂ ਪਹਿਲਾਂ SDK constraints ਵਧਾਓ, ਫਿਰ flutter pub get ਚਲਾਓ।
ਇੰਸਟਾਲੇਸ਼ਨ
CLI install ਨੂੰ ਤਰਜੀਹ ਦਿਓ, ਫਿਰ version ਨੂੰ package changelog ਨਾਲ ਮਿਲਾ ਕੇ ਰੱਖੋ।
CLI
pubspec.yaml
# Add to dependencies
dependencies:
miniriverpod: ^0.0.2
ਪਹਿਲੇ ਕਦਮ
ਆਪਣੀ app ਨੂੰ ProviderScope ਵਿੱਚ ਲਪੇਟੋ, ਇੱਕ Provider ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ, ਅਤੇ ConsumerWidget ਤੋਂ state render ਕਰੋ।
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')),
);
}
}
ਅਗਲੇ ਕਦਮ
Core Concepts
args-ਅਧਾਰਿਤ provider identity, Scope injection, ਅਤੇ codegen-ਰਹਿਤ design choices ਨੂੰ ਸਮਝੋ।
Core Concepts ਖੋਲ੍ਹੋProviders & Reads
watch/read/listen ਵਿਵਹਾਰ ਅਤੇ AsyncProvider refresh patterns ਸਿੱਖੋ।
Providers ਖੋਲ੍ਹੋAPI Reference
invalidate, refreshValue, keepAlive, ਅਤੇ invoke ਵਰਗੇ methods ਤੁਰੰਤ ਲੱਭੋ।
API Reference ਖੋਲ੍ਹੋ