Как react-native-measure-text вычисляет высоту
Я хочу измерить height текстового компонента в react-native, не выводя его на экран.
react-native-measure-text можно использовать для этого, но как эта библиотека его вычисляет.
Ответы 1
Он создает компонент Text с теми же свойствами, что и тот, который вы хотите измерить, а затем устанавливает свойство onLayout в функцию, которая собирает информацию о макете компонента Text при его отображении. Информация о макете включает высоту и ширину компонента, которые можно использовать для расчета высоты текста. После рендеринга компонента Text с помощью onLayout функция react-native-measure-text удаляет компонент с экрана, но сохраняет информацию о его макете. Затем он возвращает вам высоту компонента, позволяя вам измерить высоту исходного текстового компонента, фактически не отображая его на экране.
Проверьте исходный код. Функция отличается для Android и iOS github.com/airamrguez/react-native-measure-text/blob/master/…