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

Question

这仍然显示出稳定的borderStyle。经过大量的研究后，我发现在某些情况下使用borderRadius可以显示borderStyle。但是borderStyle的“虚线”和“虚线”对其没有影响。

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

Answer 1

尝试这个 。它为我工作。

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

Answer 2

尝试将 react-native 版本更新到 0.57。如果您添加 'borderRadius: 1'（仅限 Android），则 borderStyle: 'dashed'/'dotted' 应该可以工作。另请注意，它仅适用于 'borderWidth'（例如不适用于 'borderBottonWidth'）。

Answer 3

您必须将 borderRadius 添加到 style 。