react native实战中实现虚线分割线

2,183 阅读1分钟

最近在做react native业务组件的开发,想要实现一个虚线形式的分割线,但是根据以往的思维方式,让我狠狠的绝望。

令我绝望的代码

height: 0,
width: '100%',
borderTopWidth: 1,
borderColor: '#EEE',
borderStyle: 'dashed'

如果这样写就没有任何效果,心里有一万匹马在奔跑,而且会警告

react native

经过反复的实践,柳暗花明又一村,来吧,直接上代码

使用 borderWidth 替代 borderTopWidth

height: 0,
width: '100%',
borderWidth: 0.5,
borderColor: '#EEE',
borderStyle: 'dashed'

ok,这样我们要的分割线效果就出来了...

image.png

附:

最后,希望可以帮助到还未被困扰的朋友。

以后也会多多记录工作中遇到的问题