borderStyle在android中不起作用- react-native

s71maibg  于 2022-12-19  发布在  React
关注(0)|答案(7)|浏览(332)

这仍然显示了实线的borderStyle。在经历了很多之后,我发现在某些情况下使用borderRadius显示了borderStyle。但是borderStyle的“点线”和“虚线”对它仍然没有影响。

<TouchableOpacity 
    style = {{ 
    borderStyle: 'dotted',
    borderWidth: 1
   }}
 >
</TouchableOpacity>
lymnna71

lymnna711#

边框样式:如果您添加borderRadius: 1(仅限Android),则“dashed”/“dotted”应该有效。
还请注意,它只适用于“borderWidth”(例如,不适用于“borderBottomWidth”)。

xcitsw88

xcitsw882#

试试这个,对我很有效。

style = {{ 
   flex: 1,
    flexDirection: 'column',
    justifyContent: 'flex-start',
    borderColor: 'red',
    borderStyle: 'dotted',
    borderWidth: 2,
    borderRadius: 1,
    position: 'relative',
}}
qncylg1j

qncylg1j3#

您必须将borderRadius添加到样式中。

qlckcl4x

qlckcl4x4#

添加borderRadius对我来说也很有效。请使用下面这样的小值。borderRadius:0.1

jtjikinw

jtjikinw5#

我发现,如果你不提供(颜色,宽度,样式,半径)属性,边框样式将无法工作。
解决方案:包括所有内容:

example: {
    borderColor: "black",
    borderWidth: 1,
    borderStyle: "dashed",
    borderRadius: 1
}
rkue9o1l

rkue9o1l6#

尝试添加borderRadius:0.001px(零不起作用),在这种情况下,它起作用。

j2cgzkjk

j2cgzkjk7#

必须提供一些borderRadius才能使其工作

borderRadius:5

相关问题