我正在尝试仅使用“虚线”样式为顶部和底部视图应用边框。但 borderStyle 不适用于 borderTopWidth 和 borderBottomWidth。这是工作,
<View
style={{
backgroundColor: 'white',
borderRadius: 10,
marginHorizontal: 20,
padding: 16,
borderStyle: 'dashed',
borderColor: 'red',
borderWidth: 1
}}>{...content...}</View>
Run Code Online (Sandbox Code Playgroud)
这是行不通的,
<View
style={{
backgroundColor: 'white',
borderRadius: 10,
marginHorizontal: 20,
padding: 16,
borderStyle: 'dashed',
borderBottomColor: 'red',
borderBottomWidth: 1,
borderTopColor: 'red',
borderTopWidth: 1,
}}>{...content...}</View>
Run Code Online (Sandbox Code Playgroud)
有什么不同的方法来实现这种风格吗?