FutureBuilder — Ma’lumotlarni asinxron yuklash
Flutter ilovalari ko‘pincha API yoki boshqa tashqi ma’lumotlar manbalaridan foydalanadi. FutureBuilder yordamida asinxron ravishda ma’lumot yuklab olish mumkin. Bu vidjet yuklash jarayonida Progress Indicator ko‘rsatib, natijani olgandan so‘ng UI ni yangilaydi.
📌FutureBuilder misol:
#FutureBuilder #API #Flutter
Flutter ilovalari ko‘pincha API yoki boshqa tashqi ma’lumotlar manbalaridan foydalanadi. FutureBuilder yordamida asinxron ravishda ma’lumot yuklab olish mumkin. Bu vidjet yuklash jarayonida Progress Indicator ko‘rsatib, natijani olgandan so‘ng UI ni yangilaydi.
📌FutureBuilder misol:
Future<String> fetchData() async {
await Future.delayed(Duration(seconds: 2));
return 'Ma’lumot yuklandi!';
}
@override
Widget build(BuildContext context) {
return FutureBuilder<String>(
future: fetchData(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return CircularProgressIndicator();
} else if (snapshot.hasError) {
return Text('Xato: ${snapshot.error}');
} else {
return Text(snapshot.data ?? 'Ma’lumot yo‘q');
}
},
);
}
Bu usul orqali API ma’lumotlarini yoki har qanday asinxron jarayonlarni boshqarishingiz mumkin.#FutureBuilder #API #Flutter