الهواتف واللمس

ملف الأنماط يجعل كل مكوّن يبدو أصليًا على الهاتف وصحيحًا مع الفأرة.

منفذ العرض

اسمح للصفحة بالوصول خلف النتوء ومؤشر الشاشة الرئيسية، والمكونات تُبقي محتواها بعيدًا عنهما.

html
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />

مدمج

  • بدون وميض عند اللمس. لا مربع رمادي عند اللمس، ولا تأثير تمرير عالق بعده.
  • استجابة عند الضغط. الأزرار والتبويبات وعناصر القوائم تخفت أو تصغر قليلًا أثناء الضغط.
  • أهداف بحجم الإصبع. الأزرار الصغيرة تحصل على مساحة لمس ٤٤ بكسل دون تغيير التخطيط.
  • بدون تكبير عند الكتابة. الحقول تستخدم نصًا بمقاس ١٦ بكسل، فلا يكبّر iPhone الصفحة.

أنماط الهاتف

المكوّنما يفعله
BottomNavشريط التبويب: من ٣ إلى ٥ تبويبات فوق مؤشر الشاشة الرئيسية.
Sheetأوراق سفلية تُغلق بالسحب ولها نقاط توقف.
PushLayoutقائمة جانبية تزيح التطبيق كله جانبًا.
useHideOnScrollيخفي الأشرطة أثناء التمرير لأسفل ويعيدها عند التمرير لأعلى.
useSystemBarsشريط حالة الهاتف يتبع الصفحة ويخفت مع الأوراق المفتوحة.

شاهد شريط التنقل والأوراق السفلية