javascript - 如何在本机反应中使用半径制作自定义虚线边框？

Question

我已经在整个互联网上搜索，以找到如何在 react native 中创建具有半径的自定义虚线边框。

这就是我想要实现的目标

到目前为止，我发现最适合我需要的是一个名为 react-native-dash 的 npm 包。该软件包允许您为所有 4 个面分别创建虚线。但你不能让它们在末端弯曲，我不喜欢那样。

<Dash dashGap={10} dashLength={10} dashThickness={1} dashColor={'#D8D8D8'} 
style={{width:'100%', height:'100%', borderRadius:30, flexDirection:'column'}}>
         <Text>Cake Marbella will go here</Text>
</Dash>

我想知道是否有人对那里的任何其他包有想法，或者我如何在 React Native 中使用borderImage？（正如我所读的那样，它不受支持，我尝试使用'styled-components'库来转换css以响应原生样式。

如果有人对我如何自己实施它有任何提示，我很高兴听到！

标签： javascriptreactjsreact-nativereact-native-stylesheet