Нахождение ширины текста в React Native

Question

Нахождение ширины текста в React Native

Юрий Шиков Ученик (125), на голосовании 1 год назад

Добрый день, подскажите пожалуйста как дополнить код ниже для отображения ширины текста "Привет мир"?

import React from 'react';
import { Text } from 'react-native';

const App = () => {
return (
<Text style={{fontSize: 30}}>
Привет, мир!
</Text>
);
};

export default App;

Answer 1

Dlazder Мудрец (16914) 1 год назад

В каком смысле ширины? Если ты про длину текста в символах то ее можно получить свойством .length. Если ты про ширину самой надписи в пикселях, получится вывести ее только если указать для текста display: block;

Юрий ШиковУченик (125) 1 год назад

Я про ширину самой надписи, как вывести если указал display:block?

Dlazder Мудрец (16914) Юрий Шиков, ты должен получить ширину блока. Для этого можешь использовать метод getComputedStyle() или свойство offsetWidth. Еще вроде можно получить через стили по типу такого:

 elem.style.width

Но тут не уверен. Просмотреть все свойства элемента можно найдя его в инспекторе и в блоке со стилями нажать на вкладку computed. Увидишь все свойства объекта.