边界不透明度-React Native

Question

我将边框应用于“视图”，我想知道如何更改边框的不透明度。

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

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

当我应用上述样式时，它不起作用。

Answer 1

您无法在Android中使用react native height属性更改边框的不透明度。但在ios中，您可以使用

仅限IOS

=> shadowColor

=> shadowOffset

=> shadowOpacity

=> shadowRadius

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

Answer 2

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