如何在React Native中绘制虚线边框样式

时间:2019-06-13 07:29:18

标签: javascript css reactjs react-native

我正在使用下面的样式,我试图绘制虚线边框样式,但它总是很牢固。请提出建议。

closed(reason)

//谢谢

4 个答案:

答案 0 :(得分:2)

以下情况将非常有效:

<View style={{
  paddingLeft:10,
  height:300,
  marginBottom:10,
  borderStyle: 'dashed',
  borderRadius: 1,
  borderWidth: 1,
  borderColor: 'red',
  borderTopColor:'white'
 }} />

答案 1 :(得分:1)

您需要添加borderRadius: 1才能使其正常工作。

答案 2 :(得分:1)

尝试遵循它应该起作用

borderStyle: 'dotted',
borderRadius: 1,

答案 3 :(得分:1)

试试这对我来说很好用;-)

<View style={{ height: '100%',
               borderRadius : 1,
               width: '100%',
               borderStyle: 'dashed',
               borderWidth: 1,
               borderColor: 'rgba(161,155,183,1)'}} />