边框不透明度 - React Native

Border opacity - React Native

我在 'View' 上应用了边框,我想知道如何更改边框的不透明度。

<View style={styles.mainContainer}> </View>

mainContainer: {
 borderWidth: 2,
 borderColor: '#ddd',
 ....
 opacity: 2,
 ....
}

当我应用上面的样式时,它不起作用。

您无法更改 Android 中的边框不透明度,因为使用了本机高程 属性。但是在 ios 你可以使用

IOS 仅

=> 阴影颜色

=> 阴影偏移

=> 阴影不透明度

=> 阴影半径

更改阴影不透明度的属性。

您可以查看更多文档 https://facebook.github.io/react-native/docs/0.6/view-style-props

请尝试使用 borderColor: 'rgba(158, 150, 150, .5)',其中最后一个参数定义不透明度,范围从 0 到 1