Отрегулируйте размер шрифта в зависимости от размера экрана смартфона React native

Question

Эй, ребята, я использую const {width,height} = Dimensions.get('window'); , чтобы настроить мой шрифт в зависимости от размера экрана.используя вот так ....

fontSize:width/24

это выглядит хорошо в iPhone и Android-устройстве, как 5,5-дюймовое устройство, но в моем Galaxy s9 это выглядит ужасно. Я хочу установить свой шрифт на основе экрана, который можно настроить с помощьюсам .. как я могу это сделать

Answer 1

Используйте отзывчивую библиотеку, подобную этой, которая будет лучше справляться с вещами.

реакция-родной-размер-дела

Например:

import { scale, verticalScale, moderateScale } from 'react-native-size-matters';

const Component = props =>
    <View style={{
        width: scale(30),
        height: verticalScale(50),
        padding: moderateScale(5)
    }}/>;

Таким образом, все будет выглядеть лучше на всех устройствах.Используйте verticalScale для определения вещей относительно высоты устройства.Масштаб может использоваться для обычных вещей ... тогда есть пользовательский параметр средний масштаб, где вы также можете вручную определить коэффициент масштабирования.

Для получения дополнительной информации см .: Масштабирование React Native apps

PS: есть и другие варианты, где вы можете вручную определить пользовательский класс для получения PixelRatio и всего остального.но это прямой подход.

См. PixelRatio Approach

Answer 2

Тогда лучше всего использовать единицы vmax и vmin.

vmin: 1/100 от наименьшей стороны, vmax: 1/100 от самой большой стороны

взгляните наэто здесь