الهواتف واللمس
ملف الأنماط يجعل كل مكوّن يبدو أصليًا على الهاتف وصحيحًا مع الفأرة.
منفذ العرض
اسمح للصفحة بالوصول خلف النتوء ومؤشر الشاشة الرئيسية، والمكونات تُبقي محتواها بعيدًا عنهما.
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />مدمج
- بدون وميض عند اللمس. لا مربع رمادي عند اللمس، ولا تأثير تمرير عالق بعده.
- استجابة عند الضغط. الأزرار والتبويبات وعناصر القوائم تخفت أو تصغر قليلًا أثناء الضغط.
- أهداف بحجم الإصبع. الأزرار الصغيرة تحصل على مساحة لمس ٤٤ بكسل دون تغيير التخطيط.
- بدون تكبير عند الكتابة. الحقول تستخدم نصًا بمقاس ١٦ بكسل، فلا يكبّر iPhone الصفحة.
أنماط الهاتف
| المكوّن | ما يفعله |
|---|---|
BottomNav | شريط التبويب: من ٣ إلى ٥ تبويبات فوق مؤشر الشاشة الرئيسية. |
Sheet | أوراق سفلية تُغلق بالسحب ولها نقاط توقف. |
PushLayout | قائمة جانبية تزيح التطبيق كله جانبًا. |
useHideOnScroll | يخفي الأشرطة أثناء التمرير لأسفل ويعيدها عند التمرير لأعلى. |
useSystemBars | شريط حالة الهاتف يتبع الصفحة ويخفت مع الأوراق المفتوحة. |