边框透明度 - React Native

Question

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

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

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

我按照上面的样式应用后，它没有起作用。

- NSR

---

你能用rgba设置它吗？例如：borderColor: rgba(255, 0, 0, .5); 最后一个参数是透明度。 - EGC

Answer 1

建议使用borderColor: 'rgba(158, 150, 150, .5)'，其中最后一个参数定义透明度值范围为0到1。

- Gaurav Roy

Answer 2

您无法在Android中更改边框不透明度，而是使用React Native高程属性。但在iOS中，您可以使用以下属性来更改阴影不透明度：shadowColor，shadowOffset，shadowOpacity和shadowRadius。如需进一步了解，请查看https://facebook.github.io/react-native/docs/0.6/view-style-props的文档。请注意保留HTML标签。

- Vikas chhabra

Answer 3

或者，我们也可以使用#33DDDDDD。在6个字符的十六进制颜色之前添加33表示透明度为20%（0.2）。请注意，如果是移动设备，则应预先添加，而Web则是后置的（https://www.w3.org/TR/css-color-4/#hex-notation）。

感谢这个：https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

为避免任何潜在冲突，请使用被接受的答案<rgb()>。干杯！

- G.L