Проблема с макетом FlexBox (React Native): как вертикально выровнять элементы на 2 отдельных линиях
Я работаю с FlexBox в React Native, и в настоящее время у меня есть представление с двумя строками, как показано ниже: текущий макет
Что я хотел бы сделать, это выровнять по вертикали A1 и B1, как показано ниже.
Как я могу это сделать?
Умерло ли 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
19
1
Ответы 1
Вы должны оставить одинаковое количество paddingLeft на обоих просмотрах. Но на втором View ставишь justifyContent: "space-between"
@AlixHumbert вы можете иметь равные отступы для левого и правого для второго вида, это может быть процент от доступной ширины, поэтому он выглядит красиво как для портретной, так и для альбомной ориентации.
—
30.03.2021 14:16
так что нет возможности иметь равные интервалы, как предусмотрено пространственно-равномерно?
—
30.03.2021 14:35
Другие вопросы по теме
Ячейка Flexbox не соответствует размеру содержащейся ячейки Flexbox
Как расширить текст без смещения окружающих элементов с помощью flexbox
Выровняйте элементы одинаково, используя CSS с разными родительскими элементами
Как я могу перевернуть все элементы флексбокса в CSS?
Как заставить расположенные рядом элементы div в гибком контейнере обертывать свое содержимое перед тем, как обернуть себя
Мои гибкие коробки неправильно выравниваются или перекрываются
4 элемента в строке, но с пустым местом, если элементов меньше 4?
Как центрировать содержимое навигации и обеспечить растягивание фона на всю ширину на больших экранах?
CSS Flexbox с компонентом, возвращающим TopBar и SideBar, и еще одним, возвращающим основной контент
Как синхронизировать наложенное изображение с основной формой круга?
Похожие вопросы
React Native - использование ref в функциональном компоненте
Как я могу иметь один компонент для одного объекта в списке?
Как снова вызвать React useEffect
Нативный лайтбокс React не масштабируется
Как аннотировать функциональный компонент React с помощью свойств и состояний?
Элемент привязки children неявно имеет тип any
Как передать обновленное состояние методу - React Native
Показывать прямую линию в React Native с разными цветами
Как вызвать несколько функций одну за другой на одной кнопке в реакции на родной
Получение следующей ошибки при использовании firestore Ошибка: FIRESTORE (8.1.2) СБОЙ ВНУТРЕННЕГО УТВЕРЖДЕНИЯ: Неожиданное состояние
Да, я пробовал это, но мне не нужны промежутки между ними, потому что в ландшафтном режиме на устройстве макет менее красив. Я бы хотел, чтобы по бокам второй строки были пробелы