Блог

Я надеюсь, что вы все делаете хорошо. Я хотел попросить простой способ создать представление размером 1 дюйм на 1 дюйм в React Native. Вид должен быть одинаковым независимо от соотношения устройств, размера и т. Д.

Я хочу, чтобы вид был 1 дюйм.

Я пробовал разные подходы, но ни один из них не работал, так как единицы измерения в react native не исправлены. Я также попытался работать с pixelratio и умножил его на 160, чтобы получить вид в дюйм, но ничего не получилось. Поэтому мне нужно решение, которое будет работать на каждом мобильном устройстве.

Спасибо.

Хотя не существует идеального способа сделать пользовательский интерфейс адаптивным для всех размеров устройств, есть несколько рекомендаций по стилю в react native, которые я могу предоставить из своего опыта для достижения этой цели.

• Используйте макет flexbox почти все время. (См. react native docs
• Используйте относительные значения для определенных свойств (например, верх: 20%)
• Если вам действительно нужно определить фиксированные значения, обратитесь к библиотеке, такой как react-native-размер-имеет значение.

Возможно, эта статья с рекомендациями по стилю, которую я написал, поможет вам (прочитайте последнюю часть).