#react-native
Вопрос:
Я пытаюсь создать представление с LeftArrowTriangle
View
помощью и RightArrowTriangle
, но всякий раз , когда я пытаюсь добавить содержимое внутрь View
, я получаю ширину границы 1 пиксель либо слева, либо справа.
Вот моя таблица стилей для содержимого тела и треугольника слева/справа
bodyContent: ({ primaryColor }, theme) =gt; ({ padding: 4, backgroundColor: primaryColor, alignItems: 'center', overflow: 'hidden' }), triangleRight: ({ color }, theme) =gt; ({ height: ARROW_TRANGLE_HEIGHT, backgroundColor: 'transparent', borderStyle: 'solid', borderLeftWidth: ARROW_TRAINGLE_WIDTH, borderBottomWidth: 13, borderTopWidth: 13, borderLeftColor: color, borderTopColor: 'transparent', borderBottomColor: 'transparent' }), triangleLeft: ({ color }, theme) =gt; ({ height: ARROW_TRANGLE_HEIGHT, position: 'relative', backgroundColor: 'transparent', borderStyle: 'solid', borderRightWidth: ARROW_TRAINGLE_WIDTH, borderBottomWidth: 13, borderTopWidth: 13, borderRightColor: color, borderTopColor: 'transparent', borderBottomColor: 'transparent' })
Комментарии:
1. Вы использовали инспектор, чтобы заглянуть в dom и посмотреть, к какому элементу принадлежат эти пиксели? Мы не можем видеть, как строятся эти представления, это может быть какое-то неявное поле или отступ (например, в тексте).
2. Да, я проверил, что это не из-за неявного поля или заполнения. Однако это происходит из-за содержимого в lt;Представлении /gt;