Flutter apps लगातार asynchronous operations (network requests, file access, database queries) संभालते हैं। Dart के Futures (single async results) और Streams (async events के अनुक्रम), async/await और FutureBuilder/StreamBuilder जैसे widgets के साथ, async UI के लिए आवश्यक हैं।
// a Future represents a single async result that completes later
Future<String> fetchUser() async {
final response = await http.get(url); // await pauses until the Future completes
return response.body; // returns the result
}
// using it
final data = await fetchUser(); // await the result
// or: fetchUser().then((data) => ...); // callback style
Future = एक single value जो बाद में उपलब्ध होती है (एक network response, एक file read)। async/await async code को क्रमिक रूप से पढ़ने योग्य बनाता है।
// FutureBuilder rebuilds the UI based on the Future's state (loading/data/error)
FutureBuilder<String>(
future: fetchUser(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return CircularProgressIndicator(); // loading
} else if (snapshot.hasError) {
return Text('Error: ${snapshot.error}'); // error
} else {
return Text(snapshot.data!); // got the data
}
},
)
// a Stream = a SEQUENCE of async events over time (e.g. live data, websocket, sensor)
Stream<int> counter() async* {
for (int i = 0; i < 10; i++) {
await Future.delayed(Duration(seconds: 1));
yield i; // emit each value
}
}
// StreamBuilder rebuilds the UI as new events arrive
StreamBuilder<int>(stream: counter(), builder: (context, snapshot) => Text('${snapshot.data}'))
async, Futures, और Streams को समझना आवश्यक है क्योंकि Flutter apps लगातार asynchronous operations से निपटते हैं, इसलिए उन्हें सही ढंग से संभालना वास्तविक apps बनाने के लिए मूलभूत है।
लगभग हर app async कार्य करता है — network requests, file access, database queries, real-time data — और Dart के async primitives वह तरीका हैं जिससे आप इसे संभालते हैं।
Futures (एक single async result का प्रतिनिधित्व करना जो बाद में उपलब्ध होता है, जैसे एक network response) को async/await (async code को क्रमिक और स्वच्छ रूप से पढ़ने योग्य बनाना) के साथ समझना async operations करने के लिए आवश्यक है।
FutureBuilder को समझना UI के लिए विशेष रूप से महत्वपूर्ण है: यह एक Future की state के आधार पर UI बनाता है, loading, error, और data states को ठीक से संभालता है — जो ठीक वही है जो वास्तविक apps को चाहिए (loading के दौरान एक spinner दिखाना, failure पर एक error message, और सफलता पर data), async UI के लिए एक आम और आवश्यक pattern।
Streams (समय के साथ async events के अनुक्रम, जैसे live data, websockets, या sensor readings) और StreamBuilder (नए events आने पर UI को rebuild करना) को समझना reactive, real-time UIs के लिए और streams पर बने state management दृष्टिकोणों के लिए आवश्यक है।
async को सही ढंग से संभालना — जिसमें FutureBuilder और StreamBuilder द्वारा प्रबंधित loading/error/data states शामिल हैं — उन apps को बनाने के लिए मूलभूत है जो data को ठीक से fetch और display करते हैं (अधिकांश apps का मूल)।
चूंकि Flutter apps लगातार asynchronous operations (network, files, real-time data) करते हैं और उनके परिणाम display करने के लिए async states को सही ढंग से संभालना आवश्यक है, और चूंकि Futures, Streams, async/await, और Builder widgets इसके लिए आवश्यक tools हैं, Flutter में async, Futures, और Streams को समझना आवश्यक, अक्सर-लागू किया जाने वाला ज्ञान है — data और async operations को सही ढंग से संभालने वाले apps बनाने के लिए मूलभूत, वस्तुतः हर वास्तविक Flutter application में आवश्यक एक मूल कौशल जो data fetch या process करता है।