TGViewer
Flutter | Mahmoud Azab Flutter | Mahmoud Azab @flutter_apps99 · 9.41K subscribers
Post #1897 3.86K
طيب انت ليه بتعطي الcontext كparameter للmethod 🤔🤔🤔
getScreenWidth(context)=>MediaQuery.of(context)

سبق و قلتلك الcontext يلي انا محتاجه هو المسار بتاع الapp بتاعي يلي موجود بالmain Widget او اي حاجة وارثة منها و انا حاليا جوا class خارجي مش وارث من الmain و اي شي تابع لها لكن بفضل الstatic انا ممكن استخدم الmethod دون انشاء عينة من الclass و ممكن أثناء استخدامها بأي widget اعطيها الcontext بتاع الwidget يلي في النهاية تابع للmain و كدا انا اقدرت استخدم مسار الapplication

طيب نكمل
MediaQuery.of(context).size
دورلي بكل ما هو محيط بالجهاز في مسار الApplication بتاعي على الsize الحجم
و يقصد بها حجم الشاشة
و زي ما انت عارف ان الشاشة ليها طول و عرض
MediaQuery.of(context).size.width
كدا جبت عرض الشاشة
MediaQuery.of(context).size.height
كدا جبت طول الشاشة

static double getScreenWidth(context)=>MediaQuery.of(context).size.width;

هي عملية اقدر استخدمها دون انشاء عينة من الclass و بتاخذ مني مسار يلي هو مسار الapplication بتاعي ك parameter و بترجعلي رقم يلي هو عرض الشاشة
يلي بجيبو من خلال أقول ابحثلي بكل ما يحيط بالجهاز بالمسار يلي انا مدهولك و يلي الapplication بتاعي ابحثلي عن الحجم و جبلي من عرض الشاشة
و نفس الكلام بالنسبة لطول الشاشة

بالنهاية ملف ال my_media.dart
جواه
class MyMedia{
static double getScreenWidth(context)=>MediaQuery.of(context).size.width;

static double getScreenWidth(context)=>MediaQuery.of(context).size.width;
}

طيب انا عايز استخدم الclass دا

بروح على اي Widget
مثلا
Text(
"Hi", style:TextStyle(
color: Colors.red,
)
)

انا عايز عالشاشة يلي عرضها أقل من 700 يكون لون الخط فيها احمر و يلي اكبر من 700 لون الخط يكون فيها أخضر 🤔🤔

Text(
"Hi", style:TextStyle(
color: (MyMedia.getScreenWidth(context))
<700? Colors.red,
: Colors.green
)
)

كدا حيعطيني احمر على الشاشات يلي اصغر من 700 و اخضر على الشاشات يلي اكبر من 700
و كدا منكون ربحنا أول معركة بالحرب يلي هي
الاستراتيجية اللحظية
و ان شاء الله نكمل لاحقا بباقي الاستراتيجيات
اتمنى أن تكونوا استفدتم و لا تنسونا من خالص دعائكم و like share و comment للصفحة كي تعم الفائدة وشكرا لحسن قرائتكم 🤍🤍
#منقول
  • ❤ 18
  • 👍 10
  • 👏 3
  • 🔥 2
More from @flutter_apps99
  1. Oct 6, 2026لو حد عمل تطبيق ديني قبل كده يقول هل لقى خط كويس عشان الهمزات ف معظم الخطوط بتكون بالشكل د…
  2. Oct 4, 2026السلام عليكم ورحمة الله وبركاته اللى عايزك يشارك فى الأجر ممكن يجرب التطبيق ولو فيه مشاكل…
  3. Sep 27, 2026No PNGs. No SVGs. No Lottie files. Our Maab onboarding is pure canvas , built with CustomP…
  4. Sep 22, 2026Splash screen for مآب | Maab — a fully custom animated Quran experience built from scratch…
  5. Sep 2, 2026https://azabcodes-portfolio.web.app/
  6. Aug 6, 2026🚀 ارتقِ بتجربة تحديث تطبيقك مع "app_upgrade_checker"! دعم 7 لغات، وإمكانية جلب أحدث الإصد…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →