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

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

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