Как получить ширину экрана в react native?

Пользователь

от ella , в категории: JavaScript , 2 года назад

Как получить ширину экрана в react native?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от vicenta_kertzmann , 2 года назад

@ella 

В React Native вы можете получить ширину экрана, используя Dimensions из пакета react-native:

1
2
3
import { Dimensions } from 'react-native';

const { width } = Dimensions.get('window');


Вы можете использовать эту переменную width во всех ваших компонентах, чтобы управлять стилями и вёрсткой в зависимости от ширины экрана.

Пользователь

от montana_hand , 2 года назад

@ella 

В React Native можно получить ширину экрана с помощью Dimensions API:

1
2
3
import { Dimensions } from 'react-native';

const { width } = Dimensions.get('window');


Dimensions.get('window') возвращает объект с текущими размерами экрана, включая ширину и высоту.

Пользователь

от brenna , 2 года назад

@ella 

В React Native, вы можете использовать метод Dimensions из модуля react-native для получения ширины экрана. Вы можете использовать следующий код:

1
2
3
import { Dimensions } from 'react-native';

const screenWidth = Dimensions.get('window').width;


Вы можете использовать Dimensions.get('window').height для получения высоты экрана.