React-Native: как определить компонент на основе типа устройства
Из документа React-Native мы можем определить компонент в другом файле, добавив .android.js или .ios.js. Есть ли способ определить, является ли устройство планшетом или телефоном, чтобы я мог определить различную компоновку компонента в зависимости от их типа, а не платформы устройства.
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
1
0
84
1
Ответы 1
import { Dimensions } from 'react-native'
let deviceWidth = Dimensions.get('window').width
Этот код получит ширину вашего устройства.
Увидев, как ширина устройства не более 480 пикселей большинства мобильных телефонов, вы можете добавить оператор if if deviceWidth <= 480 для работы с мобильными телефонами и использовать if deviceWidth > 480 для планшетов.
Другие вопросы по теме
Проблемы с горизонтальной компоновкой Android studio
CSS Grid: переполнение ширины области просмотра
CollapsingToolbar и constraintLayout
Увеличение прокрутки путем добавления кнопок в относительный макет (или линейный макет) снизу вверх
Рисование разделителя между столбцами в макете GridView
Прокрутка меню не работает должным образом в Extjs
Графически: столбцы с накоплением только на определенных подзаголовках
Есть ли способ изменить только часть макета при нажатии кнопки в представлении контейнера?
Переключиться на макет Дворака в C#
Div с изменяемым размером макета из двух столбцов
Похожие вопросы
Expo и React Native: готовы к производству
Можно ли получить элемент без фактического посещения URL-адреса?
Реагирующий запуск из IDE против командной строки
Обработка учетной записи с другой проблемой с учетными данными с помощью React Native и Firebase
Как структурировать возвращаемые данные из api в React Native?
React Native - Фильтр поиска
Объекты недействительны как реагирующий дочерний элемент (реагирующий родной)
Что вызывает исключение формата при использовании десятичных знаков в стилях?
Как отправить данные на сервер React Native |
Expo RN: Detach vs Eject