Forwarded from IT with Bobur👨💻
Flutterda Wrap vidjet haqida.
Wrap o'z bolalarini birma-bir, Row yoki Column-ga o'xshatib qo'yadi. Ammo bo'sh joy tugagach, u keyingi qatorga o'tadi.
Masalan, bizda Row-da 3 ta Container bor, lekin gorizontal joy yetarli bo'lmay qolganda "Overflowed by xxx Pixels" xabariga duch keldik, chunki flutter vidjetni ekranda tartibga sola olmadi.
Wrap vidjeti barcha bolalarni berilgan yo'nalishga (hor/ver) qarab tartibga soladi va bo'sh joy tugasa, keyingi qatorga o'tadi.
Parametrlari :
1. direction - Wrap ichidagi vidjetlar gorizontal yoki vertikal joylashishini belgilaydi.
2. alignment - bola vidjetlar Wrap ichida qanday holatda joylashishini belgilaydi.
3. spacing - bola vidjetlar asosiy o'q (main axis) bo'yicha joy ajratilishi uchun.
4. runspacing - bola vidjetlar ko'ndalang o'q (cross axis) bo'yicha joy ajratilishi uchun qiymat qabul qiladi.
Manba : Link
#Flutter
Wrap o'z bolalarini birma-bir, Row yoki Column-ga o'xshatib qo'yadi. Ammo bo'sh joy tugagach, u keyingi qatorga o'tadi.
Masalan, bizda Row-da 3 ta Container bor, lekin gorizontal joy yetarli bo'lmay qolganda "Overflowed by xxx Pixels" xabariga duch keldik, chunki flutter vidjetni ekranda tartibga sola olmadi.
Wrap vidjeti barcha bolalarni berilgan yo'nalishga (hor/ver) qarab tartibga soladi va bo'sh joy tugasa, keyingi qatorga o'tadi.
Parametrlari :
1. direction - Wrap ichidagi vidjetlar gorizontal yoki vertikal joylashishini belgilaydi.
2. alignment - bola vidjetlar Wrap ichida qanday holatda joylashishini belgilaydi.
3. spacing - bola vidjetlar asosiy o'q (main axis) bo'yicha joy ajratilishi uchun.
4. runspacing - bola vidjetlar ko'ndalang o'q (cross axis) bo'yicha joy ajratilishi uchun qiymat qabul qiladi.
Manba : Link
#Flutter
Medium
Flutter Wrap Widget
Wrap lays out its children , one at a time , a lot like a row or column. But when it runs out of space, it just wraps to the next line.
👍5👎3🔥2
Forwarded from Flutterverse (Jahongir Eshonqulov)
📢 Dart'da Enum: Nima uchun kerak? 🚀
Dart’da enum (enumeratsiya) — oldindan belgilangan konstantalar to‘plamini yaratish uchun ishlatiladi. U kodni yanada tushunarli va xavfsiz qiladi.
🎯 Enum’ning Asosiy Afzalliklari:
1️⃣ Kod o‘qilishi oson
Oddiy raqamlar yoki stringlar o‘rniga aniq nomlangan qiymatlardan foydalaniladi:
2️⃣ Xatoliklarni kamaytiradi
Faqat belgilangan qiymatlardan foydalanish mumkin — bu noto‘g‘ri ma’lumot kiritish ehtimolini kamaytiradi.
3️⃣ switch-case bilan ideal ishlaydi
4️⃣ Qo‘shimcha xususiyatlar (Dart 2.17+)
Endi enum’ga metodlar va konstruktorlar qo‘shish mumkin:
5️⃣ Tip xavfsizligi
Enum noto‘g‘ri qiymatlar bilan ishlash xatoliklarini oldini oladi.
✅ Xulosa:
Enum’lar kodni qisqa, tushunarli va xavfsiz qiladi. Bu sizning ilovangizni yanada professional darajaga olib chiqadi. 🚀
Dart’da enum (enumeratsiya) — oldindan belgilangan konstantalar to‘plamini yaratish uchun ishlatiladi. U kodni yanada tushunarli va xavfsiz qiladi.
🎯 Enum’ning Asosiy Afzalliklari:
1️⃣ Kod o‘qilishi oson
Oddiy raqamlar yoki stringlar o‘rniga aniq nomlangan qiymatlardan foydalaniladi:
enum Status { loading, success, error }
2️⃣ Xatoliklarni kamaytiradi
Faqat belgilangan qiymatlardan foydalanish mumkin — bu noto‘g‘ri ma’lumot kiritish ehtimolini kamaytiradi.
3️⃣ switch-case bilan ideal ishlaydi
void handleStatus(Status status) {
switch (status) {
case Status.loading:
print('Yuklanmoqda...');
break;
case Status.success:
print('Muvaffaqiyatli!');
break;
case Status.error:
print('Xatolik yuz berdi!');
break;
}
}
4️⃣ Qo‘shimcha xususiyatlar (Dart 2.17+)
Endi enum’ga metodlar va konstruktorlar qo‘shish mumkin:
enum Priority {
low(1), medium(2), high(3);
final int level;
const Priority(this.level);
void describe() => print('Daraja: $level');
}
void main() => Priority.high.describe(); // Daraja: 3
5️⃣ Tip xavfsizligi
Enum noto‘g‘ri qiymatlar bilan ishlash xatoliklarini oldini oladi.
✅ Xulosa:
Enum’lar kodni qisqa, tushunarli va xavfsiz qiladi. Bu sizning ilovangizni yanada professional darajaga olib chiqadi. 🚀
👍4👎4🔥1
https://www.flutterlibrary.com
foydali websayt auth,otp,bottomnavbar va shunga o'xshash bir qancha templatelar ni o'z ichiga oladi, idea kelmay qolsa sekin chopa verasizlar 😁 muhimi foydalanish uchun bepul.
foydali websayt auth,otp,bottomnavbar va shunga o'xshash bir qancha templatelar ni o'z ichiga oladi, idea kelmay qolsa sekin chopa verasizlar 😁 muhimi foydalanish uchun bepul.
Flutter Library
Flutter Library: Custom packages, components, & templates
Get free and premium Flutter and Figma templates, UI kits, components, and widgets. These resources will help you start your projects and speed up your development.
👍5👎3🔥1
Forwarded from Mirjalol Abdunazarov
📢 Flutter Developer'lar uchun foydali buyruq! 🚀
🔥
flutter run --verbose buyrug‘i Flutter ilovasini ishga tushiradi va batafsil loglarni chiqaradi. Agar ilovada xatolik yoki muammo bo‘lsa, bu rejim sizga chuqur tahlil qilish imkonini beradi.
💡 Foydalanish:
📌 Foydali jihatlari:
✅ Ilova ishga tushishi jarayonidagi barcha tafsilotlarni ko‘rsatadi
✅ Xatoliklarni chuqur tahlil qilishga yordam beradi
✅ Qurilma yoki emulyator bilan bog‘liq muammolarni aniqlash osonlashadi
❌ To‘xtatish uchun:
🔹 Ctrl + C (Windows/Linux)
🔹 ⌃ + C (Mac)
Bu buyruq xatolarni topish va debug qilish jarayonini ancha yengillashtiradi! ✅
Youtube | LinkedIn | Telegram
#Flutter #Debugging #FlutterRun #Verbose #Dasturlash
🔥
flutter run --verbose buyrug‘i Flutter ilovasini ishga tushiradi va batafsil loglarni chiqaradi. Agar ilovada xatolik yoki muammo bo‘lsa, bu rejim sizga chuqur tahlil qilish imkonini beradi.
💡 Foydalanish:
flutter run --verbose
📌 Foydali jihatlari:
✅ Ilova ishga tushishi jarayonidagi barcha tafsilotlarni ko‘rsatadi
✅ Xatoliklarni chuqur tahlil qilishga yordam beradi
✅ Qurilma yoki emulyator bilan bog‘liq muammolarni aniqlash osonlashadi
❌ To‘xtatish uchun:
🔹 Ctrl + C (Windows/Linux)
🔹 ⌃ + C (Mac)
Bu buyruq xatolarni topish va debug qilish jarayonini ancha yengillashtiradi! ✅
Youtube | LinkedIn | Telegram
#Flutter #Debugging #FlutterRun #Verbose #Dasturlash
👍3👎3🔥1
siz joylashga huduga yaqin bo'lgan barcha cafe va restaranlarni ko'rsatuvchi ilova👇👇👇👇👇👇👇
👍7👎2🔥1
Forwarded from Mirjalol Abdunazarov
🚀 Flutter Web’da OAuth – bu nima va nega kerak?
👨💻 OAuth (Open Authorization) – bu foydalanuvchilarga parol kiritmasdan, Google, Facebook, GitHub kabi xizmatlar orqali tizimga kirish imkonini beruvchi xavfsiz autentifikatsiya usuli.
🔥 OAuth’ning afzalliklari
✅ Tez va qulay login – Foydalanuvchilar akkaunt yaratmasdan, tayyor akkauntlari bilan tizimga kira oladilar.
✅ Yuqori xavfsizlik – Parol saqlash shart emas, bu esa xavfsizlikni oshiradi.
✅ Ko‘p platformali qo‘llab-quvvatlash – OAuth mobil, veb va desktop ilovalarida ishlaydi.
✅ Tashqi xizmatlarga ulanish – OAuth orqali Google, GitHub yoki Twitter API'laridan foydalanish mumkin.
⚠ OAuth’ning kamchiliklari
❌ Murakkab sozlash – OAuth integratsiyasi uchun client_id, redirect_uri kabi sozlamalarni to‘g‘ri belgilash kerak.
❌ Brauzer yo‘naltirish – Flutter Web ilovalarida OAuth autentifikatsiyasi foydalanuvchini brauzer orqali yo‘naltiradi, bu esa ba’zi holatlarda foydalanuvchilar uchun noqulay bo‘lishi mumkin.
❌ OAuth provayderga bog‘liqlik – Ba’zi xizmatlar cheklovlarga ega bo‘lishi yoki mamlakatlar bo‘yicha bloklanishi mumkin.
🔗 Eng yaxshi Flutter Web OAuth paketi:
OAuth paketi uchun havola
Flutter Web ilovalarida OAuth yordamida xavfsiz va tez tizimga kirish imkoniyatini yarating!
Youtube | Linkedin | Telegram
#flutter_web_auth #flutter
👨💻 OAuth (Open Authorization) – bu foydalanuvchilarga parol kiritmasdan, Google, Facebook, GitHub kabi xizmatlar orqali tizimga kirish imkonini beruvchi xavfsiz autentifikatsiya usuli.
🔥 OAuth’ning afzalliklari
✅ Tez va qulay login – Foydalanuvchilar akkaunt yaratmasdan, tayyor akkauntlari bilan tizimga kira oladilar.
✅ Yuqori xavfsizlik – Parol saqlash shart emas, bu esa xavfsizlikni oshiradi.
✅ Ko‘p platformali qo‘llab-quvvatlash – OAuth mobil, veb va desktop ilovalarida ishlaydi.
✅ Tashqi xizmatlarga ulanish – OAuth orqali Google, GitHub yoki Twitter API'laridan foydalanish mumkin.
⚠ OAuth’ning kamchiliklari
❌ Murakkab sozlash – OAuth integratsiyasi uchun client_id, redirect_uri kabi sozlamalarni to‘g‘ri belgilash kerak.
❌ Brauzer yo‘naltirish – Flutter Web ilovalarida OAuth autentifikatsiyasi foydalanuvchini brauzer orqali yo‘naltiradi, bu esa ba’zi holatlarda foydalanuvchilar uchun noqulay bo‘lishi mumkin.
❌ OAuth provayderga bog‘liqlik – Ba’zi xizmatlar cheklovlarga ega bo‘lishi yoki mamlakatlar bo‘yicha bloklanishi mumkin.
🔗 Eng yaxshi Flutter Web OAuth paketi:
OAuth paketi uchun havola
Flutter Web ilovalarida OAuth yordamida xavfsiz va tez tizimga kirish imkoniyatini yarating!
Youtube | Linkedin | Telegram
#flutter_web_auth #flutter
👍2👎2
Forwarded from MobilDasturchi.Uz (Azizbek Asqaraliyev)
🎉 Flutter 3.29 va Dart 3.7 chiqdi!
Yangilanishlar haqida bilishingiz kerak bo‘lgan muhim narsalar
💪 Yaqinda bo‘lgan yangilanishlardan keyin ham Flutter jamoasi bizga yangi imkoniyatlarni taqdim etdi. Eng muhim o‘zgarishlar:
⚡️ WEB uchun HTML-render olib tashlandi
Endi asosiy e'tibor CanvasKit va WebAssembly ga qaratilgan. Bu esa yanada yaxshi moslashuvchanlik va yuqori ishlash tezligini ta’minlaydi.
⚡️ Material va Cupertino o‘zgarishlari
✅ Circular va Linear ProgressIndicator endi Material3 standartiga to‘liq moslashgan. Ular yanada chiroyli va zamonaviy ko‘rinishga ega.
✅ CupertinoSheetRoute — iOS uslubidagi BottomSheet modallari uchun yangi imkoniyat. Oldin bunday effektlar uchun qo‘shimcha kutubxona o‘rnatish talab qilingan.
✅ CupertinoNavigationBar endi pastki (bottom) vidjetni qo‘llab-quvvatlaydi. Masalan, iOS uslubidagi qidiruv maydonini qo‘shish mumkin.
⚡️ Dvigatel yangilanishlari
✅ Impeller dvigatelida barqarorlik va ishlash tezligi yaxshilandi, Vulkan’da ba’zi muammolar tuzatildi.
✅ iOS’da Skia qo‘llab-quvvatlovi to‘liq olib tashlandi, bu esa tayyor ilovalar hajmini kichraytiradi.
⚡️ Kod endi asosiy oqimda bajariladi
Dart kodi endi alohida UI oqimida emas, asosiy oqimda bajariladi. Bu esa native funksiya lar bilan ishlashni tezlashtiradi!
🚀 Bu Flutter uchun katta qadam! Aytganlaridan amaliy natijagacha juda tez yetib kelishdi, bu esa juda quvonarli!
🖥 Batafsil ma’lumot rasmiy maqolada!
🔥 Siz ushbu yangilanishlarni kutgan edingizmi? Fikrlaringiz qanday?
Yangilanishlar haqida bilishingiz kerak bo‘lgan muhim narsalar
💪 Yaqinda bo‘lgan yangilanishlardan keyin ham Flutter jamoasi bizga yangi imkoniyatlarni taqdim etdi. Eng muhim o‘zgarishlar:
⚡️ WEB uchun HTML-render olib tashlandi
Endi asosiy e'tibor CanvasKit va WebAssembly ga qaratilgan. Bu esa yanada yaxshi moslashuvchanlik va yuqori ishlash tezligini ta’minlaydi.
⚡️ Material va Cupertino o‘zgarishlari
✅ Circular va Linear ProgressIndicator endi Material3 standartiga to‘liq moslashgan. Ular yanada chiroyli va zamonaviy ko‘rinishga ega.
✅ CupertinoSheetRoute — iOS uslubidagi BottomSheet modallari uchun yangi imkoniyat. Oldin bunday effektlar uchun qo‘shimcha kutubxona o‘rnatish talab qilingan.
✅ CupertinoNavigationBar endi pastki (bottom) vidjetni qo‘llab-quvvatlaydi. Masalan, iOS uslubidagi qidiruv maydonini qo‘shish mumkin.
⚡️ Dvigatel yangilanishlari
✅ Impeller dvigatelida barqarorlik va ishlash tezligi yaxshilandi, Vulkan’da ba’zi muammolar tuzatildi.
✅ iOS’da Skia qo‘llab-quvvatlovi to‘liq olib tashlandi, bu esa tayyor ilovalar hajmini kichraytiradi.
⚡️ Kod endi asosiy oqimda bajariladi
Dart kodi endi alohida UI oqimida emas, asosiy oqimda bajariladi. Bu esa native funksiya lar bilan ishlashni tezlashtiradi!
🚀 Bu Flutter uchun katta qadam! Aytganlaridan amaliy natijagacha juda tez yetib kelishdi, bu esa juda quvonarli!
🖥 Batafsil ma’lumot rasmiy maqolada!
🔥 Siz ushbu yangilanishlarni kutgan edingizmi? Fikrlaringiz qanday?
Medium
What’s new in Flutter 3.29
Enhancing Performance and Fidelity Across Platforms
👏8👎1