Ширина границы добавляется с помощью view react native

#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;