Flutter Questions And Answers

ha aytgancha endi bu kanaldaman
bemalol o'tib olishingiz mumkin

@RN_with_Umarbek

​Endi navbat esa localization(qisqa qilib aytganda til almashinuvi) uchun foydalaniladigan packagelarga

Localization / Internationalization packages

intl
https://pub.dev/packages/intl

easy_localization
https://pub.dev/packages/easy_localization

translator
https://pub.dev/packages/translator

flutter_i18n
https://pub.dev/packages/flutter_i18n

i18n_extension
https://pub.dev/packages/i18n_extension

flutter_translate
https://pub.dev/packages/flutter_translate

intl_utils
https://pub.dev/packages/intl_utils

localize_and_translate
https://pub.dev/packages/localize_and_translate

fast_i18n
https://pub.dev/packages/fast_i18n

P.S.1 Ro'yhatdagi barcha packagelar null-safetyni qo'llab-quvvatlaydi.
P.S.2 Shaxsan ozim easy_localization yoki intl dan foydalanaman
© @flutter_questions_and_answers

​Eng ko'p ishlatiladigan va qulay packagelar haqida ham post qilmoqchi edim, Bugun sizlarga autentifikatsiya uchun ishlatiladigan eng yaxshi packagelar ro'yhatini taqdim etaman

Authentication packages


sign_button
https://pub.dev/packages/sign_button

oauth2_client
https://pub.dev/packages/oauth2_client

flutter_appauth
https://pub.dev/packages/flutter_appauth

flutter_login_facebook
https://pub.dev/packages/flutter_login_facebook

flutter_login
https://pub.dev/packages/flutter_login

sign_in_with_apple
https://pub.dev/packages/sign_in_with_apple

flutter_facebook_auth
https://pub.dev/packages/flutter_facebook_auth

flutter_signin_button
https://pub.dev/packages/flutter_signin_button

local_auth
https://pub.dev/packages/local_auth

google_sign_in
https://pub.dev/packages/google_sign_in

firebase_auth
https://pub.dev/packages/firebase_auth

P.S. Ro'yhatdagi barcha packagelar null-safetyni qo'llab-quvvatlaydi.

© @flutter_questions_and_answers

​Dart && Flutterda nomlash haqida

Dart && Flutterni yangi o'rganuvchilarda eng ko'p kuzatiladigan kamchiliklardan biri bu fayl/class/widgetlarni nomlarini nomlashda xato nom berish. Hozi men bularni aytib bermoqchiman
1. Classlar
Classlar nomlashda birinchi harfi katta harf bilan, agar nom ikkita yoki bir nechta so'zdan iborat bolsa keyingi so'zlarni bosh harfi ham katta harflar bilan qo'shib yoziladi. Example: UserList
2. Fayllar
Fayllarni nomlashda hamma harf kichik bo'ladi va har bir so'z oralig'ida tagchiziq (_) qo'yiladi. Example: user_list_screen
3. CustomWidgetlar
CustomWidgetlarni nomlashda birinchi harf va keyingiz so'zlarni birinchi harflari katta bilan qo'shib yoziladi. Example: UserListWidget

Barcha fayllar/widgetlar/classlar hullas hammasini nomlashda to'liq inglizcha so'zlardan foydalaning. Kodingiz chiroyli va boshqa coderlar tomonidan o'qishga tushunarli bo'ladi, nom berayotganda qisqa va lo'nda asosiysi tushunarli qilib nom bering.

Boshqa fayllarn import qilishda ham prinspga amal qilish kerak,
Birinchi o'rinda Flutter sdkdagi fayllarni import qilinadi,
keyin qo'shimcha yuklangan packagelar, undan keyin projectdagi sizni fayllaringiz.
O'zingizni fayllarini import qilishda ham ikkita yo'li bor:
birinchisi to'liq proektdagi manzili kiritiladi,
ikkinchisida import qilinayotgan faylga nisbatan joylashuvi kiritiladi. Xususiy hollardan tashqari paytda doim ikkinchi usulni qo'llash kerak,

P.S/ Postni o'qib o'zingizda xato yozilgan joylari esingizga tushdi😁, endi siz qayerda ishlatilgan bolsa hammasini bittalab o'zgartirib chiqmoqchisiz. To'xtang❌. Qayta nomlamoqchi bo'lgan joyizga kursorni olib boring va Windows ishlatsangiz Shift+6 ni bosing. Maclarda esa Editor=> Refactor => Rename usuli orqali barcha ishlatilgan joylarda bitta nomlash orqali o'zgartira olasiz.
Ashnaqa gaplar😉

​Flutter SDK sini Windows Pathga qo'shish

Flutterni windowsga yangi o'rnatayotganizda pathga qo'shish kerak bo'ladi, buning uchun esa yuklab olingan sdkni ichiga kirasiz va bin deb nomlangan papkani topib ichiga kirasiz va shu papka manzilini nusxalaysiz, Endi uni windows path ga qo'shish kerak, agar komputeringiz ingliz tilida bo'lsa:
1. Puskga Environment deb yozasiz
2. Chiqqan oynadagi Environment variables tugmasiga bosasiz.
3. Yuqoridagi Path ustiga bir marta bosib
4. Edit qilasiz,
5. New ni bosib,
6. Nusxalab olgan flutter sdk manzilini joylashtiramiz.
OK, OK va tayyor🥳.

Agar komputeriz rus tilida yoki boshqa tillarda bo'lsa :
1. Win+E klaviaturalarini birgalikda bosing, Sizga "Mening komputerim" oynasi ochib beriladi,
2. Mishkani o'ng tomonini bosib Свойства(Xususiyatlari) bandini tanlang,
3. Chap tomonda joylashgan Дополнительные параметры системы(Qo'shimcha tizim sozlamalari) ga kiring,
4. Переменные среды... ga bosing,
5. Tepaddagi Path ustiga bir marta bosing,
6. Изменить(O'zgartirish) qiling
7. Endi Создать (Yaratish) ga bosing.
8. Nusxalalab olingan manzilni kiritib OK bosing yana bitta OK,
9. Endi ohirgi OK bosing😁
10. Tayyor🥳

P.S/ Agar postga tushunmagan bo'lsangiz quyida videoda ham ko'rsatib o'tilgan

Warning || Предупреждение || Ogohlantirish

1. SDK Pathga qo'shilganini tekshirish uchun cmd ga flutter yoki flutter doctor deb buyruq berib ko'rishingiz mumkin

2. Flutter SDK ni C:\Program Files\ papkasiga va sistemniy diskdan boshqasiga joylamaslik tavsiya etilgan.

Ushbu muammoni hal qilish uchun stackoverflow.com saytidan link
Qo'shimchasiga Google Tog'adan link😉
Agar video orqali ko'rmoqchi bo'lsangiz Youtubedan link

​MaterialApp widgetidagi title fieldini vazifasini bilasizmi?

Rasmda korsatilganidek ohirgi ilovalar ro'yhatiga kirilganda chiqadigan ilova uchun nomni shu title fieldi orqali beriladi.

Ilova uchun nom berishni esa ushbu postdan o'qib olishingiz mumkin

Ushbu muammoni hal qilish uchun stackoverflow.com saytidan link
Qo'shimchasiga Google Tog'adan link😉
Agar video orqali ko'rmoqchi bo'lsangiz Youtubedan link

​​Ilovaga local(mahalliy) rasm, video, fayllar qo'shish.

Assalomu alaykum. Bugun ilovaga rasm qo'shish yoki audio joylash umuman olganda fayllardan local holatda foydalanish haqida suxbatlashamiz. Bu bizga ilovamizda doimiy ishlaydigan rasm/audio/font/va boshqalarni joylash imkoniyatini beradi.
Aytaylik siz navigator ilova yozyabsiz, shunda siz audio buyruqlar(o'ngga buriling, to'xtang va hakazo)larni audio ko'rinishida ishlatasiz ularni qayerga joylaysiz, api orqali olib kelmaysizku tog'rimi, yoki ilovada doimiy ishlaydigan va o'zgarmaydigan rasm va fontlarni aytaylik. Shunday paytda biz bu malumotlarni ilova ichiga joylab qo'yamiz.
Demak boshladik.
Endi proekt ichida assets degan papka oching, uni ichida esa vaziyatga qarab fonts, audios, images, icons, etc korinishida papkalar ochishingiz mumkin. Bu papkadagi fayllardan foydalanish uchun ruxsat olishimiz kerak. Buning uchun esa o'sha doimiy ishimiz tushadigan(injiq😁) pubspec.yaml fayliga kiramiz va
uses-material-design: true
qatoridan keyin xuddi shu liniyada! assets deb yozamiz
Etibor bering aynan "uses" so'zi bilan vertikal tarzda bir liniyada bo'lishi kerak, Quyidagi rasmda batafsil tushuntirilgan, endi esa : (ikki nuqta) qo'ying, enter bosasiz va -(chiziq qo'yasiz) endi esa yuqorida ochgan papkagizni nomini kiritasiz(papka nomini doimiy va ko'p qo'llanilgani uchun assets deb nomladik, images fonts deb alohida alohida ochib ishlatish ham mumkin lekin bundan qilish tavsiya etilmaydi) va / (slesh) qo'yasiz.
Agar sizda audio ham rasm ham font ham bolsa umuman olganda bir formatdan tashqari bo'lgan turlicha fayllar bo'lsa ularni alohida papkalarga joylash kerak va shunda ularni ham alohida alohida pubspec faylda yozishiz kerak.
Endi etiborga oladigan jihati /(slesh)dan keyin fayl nomini kiritsa ham bo'ladi, kiritmasa ham, agar sizga bitta faylni o'zi kerak bo'lsa nomini yozaverasiz, lekin siz 20-30 yoki undan ko'p rasm && fayl ishlatsangizchi unda bittalab yozish shart emas buyam vaziyatga qarab.
Bazida bazi formatdagi fayllarni alohida nomi yozilmasa xato chiqishi mumkin, shunda ularni nomini alohida yozib ishlatasiz,
Papkalar, classlar, fayl nomlarini nomlashda iloji boricha inglizcha so'zlarni ishlatgan maqul, Ayniqsa ko'pchilik bitta proekt ustida ishlaganda etiborli bo'ling, siz qo'ygan nomni sherigiz ham tushunishi kerak.

Ushbu muammoni hal qilish uchun stackoverflow.com saytidan link
Qo'shimchasiga Google Tog'adan link😉
Agar video orqali ko'rmoqchi bo'lsangiz Youtubedan link

#change_name
Navbatdagi post esa appilcationni nomini o'zgartirish haqida.
Buning uchun bizga kerak bo'ladi. Oyim, non va chocotella😅 (hazil).

Ilova nomi almashtirish:
Android tizimida android/app/src/main/AndroidManifest.xml fayliga kirasiz, namunada ilova nomi degan joyga yangi nomni qoyasiz.


iOS tizimida esa ios/Runner/Info.plist fayldagi namunada App_name deb ko'rsatilgan joy orqali yangilab olishingiz mumkin.
CFBundleName
App_name

Ushbu muammoni hal qilish uchun stackoverflow.com saytidan link
Qo'shimchasiga Google Tog'adan link😉
Agar video orqali ko'rmoqchi bo'lsangiz Youtubedan link

#change_icon
Navbatdagi post esa appilcationni iconini o'zgartirish haqida bo'ladi.
Buning uchun ilovadagi defautl(standart) rasmni yangisi bilan almashtirb qo'yish kerak.
Yangi rasmni tayyorlash uchun bir nechta saytlar ishlatiladi. Shaxsan o'zim esa appicon.co saytidan foydalanaman. Qo'shimcha saytlar uchun link.
Rasmni tayyorlab olgandan so'ng:
Androidda ilovaNomi/android/app/src/main/res papkasidagi mipmap papkalariga joylash kerak
IOSda esa myapp/ios/Runner/Assets.xcassets/AppIcon.appiconset papkasiga joylanadi.

Bundan tashqari maxsus packagelar orqali iconni almashtirsa ham bo'ladi.
Mas. Flutter launcher

Ushbu muammoni hal qilish uchun stackoverflow.com saytidan link
Qo'shimchasiga Google Tog'adan link😉
Agar video orqali ko'rmoqchi bo'lsangiz Youtubedan link