Sobes.tech
Junior — Middle

Flutter'da interfeyslarni ishlab chiqishda FutureBuilder vidjetining nima ekanligini tushuntiring.

sobes.tech AI

AIdan javob

Flutter'da FutureBuilder vidjeti, asinxron operatsiyaning (Future) natijasiga bog'liq bo'lgan interfeysni qurish uchun ishlatiladi. U Future holatini kuzatadi va holat o'zgarganda (masalan, kutish, muvaffaqiyatli ma'lumotlar yoki xato) UI-ni avtomatik ravishda qayta quradi.

Foydalanish misoli:

FutureBuilder<String>(
  future: fetchData(), // asinxron funktsiya, Future<String> qaytaradi
  builder: (context, snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return CircularProgressIndicator(); // yuklash indikatorini ko'rsatamiz
    } else if (snapshot.hasError) {
      return Text('Xato: \\${snapshot.error}');
    } else if (snapshot.hasData) {
      return Text('Ma`lumotlar: \\${snapshot.data}');
    } else {
      return Text('Ma`lumotlar mavjud emas');
    }
  },
)

Shu tarzda, FutureBuilder asinxron ma'lumotlar bilan ishlash va yuklash holatiga qarab interfeysni yangilashni soddalashtiradi.