• 0

تجاوبية حجم الخط مع مُختلف الأجهزة - React Native

أعمل على تطبيق React Native و أريد أن أعرف كيف يتعامل React Native مع تجاوبية أحجام الخطوط. فمثلًا إذا كان الهاتف هو  galaxy fold  يكون حجم الخط 15px و إذا كان note 20 يكون حجم الخط 16px 

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
import { Dimensions, StyleSheet } from 'react-native'

const { width, height } = Dimensions.get('window')

const styles = StyleSheet.create({
    myView: {
        width: width * 0.8, // 80% of screen's width
        height: height * 0.2 // 20% of screen's height
    }
})

يمكننا معرفة الطول والعرض الخاص بالخاص التابع لنا عن طريق 

Dimensions.get('window')

ثم عن طريقها نستتطيع أن نضع طول وعرض مناسبين لأي كومبوننت لدينا 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن