اذهب إلى المحتوى
  • 0

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

Yomna Raouf

السؤال

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

 

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

Recommended Posts

  • 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')

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

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...