Sizning mobil ilovangizda harakatlar (masalan, tugmani bosish, ma'lumotlarni yangilash) natijasida ilova qanday holatga o‘tadi? Mana shunday jarayonlar davlat boshqaruvi (state management) orqali nazorat qilinadi.

Flutter'da ko'p turdagi davlat boshqaruvi modellari mavjud, ammo bugun Bloc va Cubit haqida gaplashamiz. Ikkalasi ham ilovada holatlarni boshqarish uchun ishlatiladi, lekin bir-biridan farq qiladi.

Cubit — bu Flutter'da holatlarni boshqarish uchun ishlatiladigan minimalistik yondashuv. U yordamida siz bir nechta funksiyalar orqali holatlarni o'zgartirasiz va boshqarasiz.

Oddiy va kichik ilovalarda foydalanish oson.
Har qanday holatni boshqarish uchun bir marta funksiyani chaqirishingiz mumkin.

class CounterCubit extends Cubit<int> {
  CounterCubit() : super(0); // Boshlang‘ich qiymat
  void increment() => emit(state + 1); // Qiymatni oshirish
}

Bloc — bu Flutter'da holatlarni boshqarishda hodisalarga asoslangan yondashuv. Bloc yordamida siz hodisalar (events) va holatlar (states) bilan ishlaysiz, bu katta va murakkab ilovalar uchun ideal.

class CounterEvent {}
class IncrementEvent extends CounterEvent {}

class CounterBloc extends Bloc<CounterEvent, int> {
  CounterBloc() : super(0);
  
  @override
  Stream<int> mapEventToState(CounterEvent event) async* {
    if (event is IncrementEvent) {
      yield state + 1;
    }
  }
}

📌 Get It Flutter loyihalarida Service Locator bo'lib, u sizga ob'ektlaringizni boshqarish va qayta ishlatishda yordam beradi. Bu vosita Dependency Injection (DI) printsipiga asoslanadi. DI bilan, siz kodingizni modullarga bo'lib, uni yanada tartibli va kengaytirish oson bo'lasiz.

GetIt locator = GetIt.instance;

void setupLocator() {
  locator.registerLazySingleton(() => ApiService());
}

class ApiService {
  void fetchData() => print('Data fetched');
}

// Foydalanishda:
ApiService api = locator<ApiService>();
api.fetchData();

final GetIt locator = GetIt.instance;

void setupLocator() {
  locator.registerFactory(() => CounterBloc());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (_) => locator<CounterBloc>(),
      child: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: BlocBuilder<CounterBloc, int>(
        builder: (context, count) {
          return Center(
            child: Text('Counter: $count'),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.read<CounterBloc>().add(IncrementEvent()),
        child: Icon(Icons.add),
      ),
    );
  }
}

Uy sharoitida gripp va yo'taldan qutilish uchun quyidagi maslahatlarni qo'llashingiz mumkin:

Issiq choy va ichimliklar ichish: Inger, asal, limon qo'shilgan choy yo'talni yumshatib, balg'amni erishiga yordam beradi.

Bug'li in'galatsiyalar: Issiq suvga tuz yoki evkalipt yog'i qo'shib bug'ini nafas olish nafas yo'llarini ochadi va balg'amni chiqarishga yordam beradi.

Asal va qora murch: Asal yo'talni yumshatadi, qora murch esa balg'amni chiqishga yordam beradi. Buni iliq suvda aralashtirib iste'mol qiling.

Uyqu va dam olish: Tana gripp bilan kurashishda kuchga muhtoj bo'ladi, shuning uchun ko'proq dam olishga harakat qiling.

Namlikni saqlash: Uyda namlik darajasi yetarli bo'lsa, nafas yo'llari quruqlashmaydi va yo'tal kamayadi. Namlagich vositalaridan foydalanish mumkin.

Agar holatingiz yomonlashsa yoki uzoq vaqt davom etsa, albatta shifokorga murojaat qiling.

Row(
  children: [
    Checkbox(value: true, onChanged: (newValue) {}),
    Text('Example Checkbox'),
  ],
)

CheckboxListTile(
  title: Text('Example CheckboxListTile'),
  value: true,
  onChanged: (newValue) {},
)

OverflowBar — bu Flutter'da foydalanuvchilarga oddiy va samarali tarzda ekranga sig'maydigan elementlarni joylashtirish imkonini beruvchi widget. Bu widget elementlar to'liq sig'maganida ularni yangi qatorda yoki tartibda joylashtiradi. Asosan dinamik joylashuv kerak bo'lgan ilovalarda foydali.

OverflowBar elementlari bir qator bo'ylab joylashtiriladi, ammo sig'magan taqdirda ularni yangi qatorga tushiradi.
Vertikal yoki gorizontal joylashuv imkoniyatini beradi.
Elementlar o'rtasida bo'shliq (gap) yoki bo'shliqlarni sozlash mumkin.

OverflowBar(
  spacing: 8.0,
  overflowSpacing: 8.0,
  children: <Widget>[
    ElevatedButton(
      onPressed: () {},
      child: Text('Button 1'),
    ),
    ElevatedButton(
      onPressed: () {},
      child: Text('Button 2'),
    ),
    ElevatedButton(
      onPressed: () {},
      child: Text('Button 3'),
    ),
    ElevatedButton(
      onPressed: () {},
      child: Text('Button 4'),
    ),
  ],
),