边框不透明度 - React Native答案

【问题标题】：Border opacity - React Native边框不透明度 - React Native
【发布时间】：2020-01-30 08:09:04
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

仅限IOS

=> 阴影颜色

=> 阴影偏移

=> 阴影不透明度

=> 阴影半径

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

【讨论】：