Как сделать отступ между дочерними элементами react native?

Ссылка скопирована
1 ответ

Пытаюсь обратиться к псевдоклассу вот так:

const styles = StyleSheet.create({   container: {     flex: 1,     backgroundColor: 'black',     alignItems: 'center',     justifyContent: 'center',     flexDirection: 'column',     '*': {       marginTop: '15px',     }   }, });

const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'black', alignItems: 'center', justifyContent: 'center', flexDirection: 'column', '*': { marginTop: '15px', } }, });

Но что то не идет.

Дополнительно:

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Ольга Сеть Ответ

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

1. Использование свойства margin:
Вы можете добавить отступы с помощью свойства margin в стилях вашего компонента. Например, если вам нужно добавить отступы в 10 пикселей между дочерними элементами, вы можете сделать следующее:

 
 
    Дочерний элемент 1
 
 
    Дочерний элемент 2

Дочерний элемент 1 Дочерний элемент 2

2. Использование контейнера с отступами:
Если вам нужно добавить отступы одновременно по всем сторонам дочерних элементов, вы можете создать обертывающий контейнер с отступами. Например:

 
  Дочерний элемент 1
 
 
  Дочерний элемент 2

Дочерний элемент 1 Дочерний элемент 2

3. Использование компонента Spacer:
Вы также можете создать компонент-обертку, который будет добавлять отступы между дочерними элементами. Например, вы можете создать компонент Spacer следующим образом:

const Spacer = ({ height }) => ;

const Spacer = ({ height }) => ;

И затем использовать его между дочерними элементами:

 
  Дочерний элемент 1
 
  Дочерний элемент 2

Дочерний элемент 1 Дочерний элемент 2

Это несколько способов, как можно добавить отступы между дочерними элементами в React Native. Вы можете выбрать подходящий для вашего случая и использовать его в своем проекте.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно