“Ubah Ukuran Teks Menurut layar bereaksi asli” Kode Jawaban

Ubah Ukuran Teks Menurut layar bereaksi asli

import { Dimensions, Platform, PixelRatio } from 'react-native';

const {
       width: SCREEN_WIDTH,
       height: SCREEN_HEIGHT,
     } = Dimensions.get('window');

     // based on iphone 5s's scale
     const scale = SCREEN_WIDTH / 320   ;

  export function actuatedNormalize(size) {
  const newSize = size * scale 
   if (Platform.OS === 'ios') {
    return Math.round(PixelRatio.roundToNearestPixel(newSize))
   } else {
     return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2
   }
  }
Xenophobic Xenomorph

bereaksi font asli berdasarkan dimensi viewport

<View>
  <Text
    numberOfLines={1}
    adjustsFontSizeToFit
    style={{textAlign:'center',fontSize:30}}
  >
    {this.props.email}
  </Text>
</View>
Good Gemsbok

Jawaban yang mirip dengan “Ubah Ukuran Teks Menurut layar bereaksi asli”

Pertanyaan yang mirip dengan “Ubah Ukuran Teks Menurut layar bereaksi asli”

Lebih banyak jawaban terkait untuk “Ubah Ukuran Teks Menurut layar bereaksi asli” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya