Как нарисовать стиль пунктирной границы в React Native
Я использую стиль ниже, я пытаюсь нарисовать стиль пунктирной границы, но он всегда получается сплошным. Пожалуйста, предложите.
<View style = {{paddingLeft:10,
height:300, marginBottom:10,
borderWidth:1,
borderStyle: 'dashed',
borderColor:'red',
borderTopColor:'white'}}>
// Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Вам нужно добавить borderRadius: 1, чтобы заставить его работать.
спасибо. один вопрос, если мне нужно удалить верхнюю границу тогда? как я могу удалить его?
Abhigyan попробуйте этот borderBottomLeftRadius: number borderBottomRightRadius: number borderTopLeftRadius: number borderTopRightRadius: number Также вы прочитаете эту статью, которая даст вам больше информации о стиле ---- facebook.github.io/react-native/docs/stylesheet
ПРИМЕЧАНИЕ. На момент написания статьи применение borderStyle к одному краю границы не работает в React Native 0.63.2, но существует открытый PR для исправления этого ограничения: github.com/facebook/react-native/pull/29099
удалите borderTopColor и добавьте немного borderRadius!
Попробуйте следовать ему, он должен работать
borderStyle: 'dotted',
borderRadius: 1,
спасибо. один вопрос, если мне нужно удалить верхнюю границу тогда? как я могу удалить его?
ПРИМЕЧАНИЕ. На момент написания статьи применение borderStyle к одному краю границы не работает в React Native 0.63.2, но существует открытый PR для исправления этого ограничения: github.com/facebook/react-native/pull/29099
Следующее будет работать отлично:
<View style = {{
paddingLeft:10,
height:300,
marginBottom:10,
borderStyle: 'dashed',
borderRadius: 1,
borderWidth: 1,
borderColor: 'red',
borderTopColor:'white'
}} />
Попробуй, у меня отлично работает ;-)
<View style = {{ height: '100%',
borderRadius : 1,
width: '100%',
borderStyle: 'dashed',
borderWidth: 1,
borderColor: 'rgba(161,155,183,1)'}} />
Спасибо, но почему это не работает без указания borderRadius
Согласно комментариям к выпуску github (https://github.com/facebook/react-native/issues/24224):
<View style = {[{ height: 1, overflow: 'hidden' }]}>
<View style = {[{ height: 2, borderWidth: 1, borderColor: '#ddd', borderStyle: 'dashed' }]}></View>
</View>
в этом стиле просто нужно добавить borderRadius: 1 ? рит