Непрозрачность границ - React Native

Question

Я применил границу к «Виду» и хочу узнать, как я могу изменить ее непрозрачность.

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

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

Она не работает, когда я применил стиль, как указано выше.

Answer 1

Попробуйте использовать borderColor: rgba(158, 150, 150, .5);, где последний параметр определяет непрозрачность и находится в диапазоне от 0 до 1

Answer 2

Вы не можете изменить непрозрачность границ в Android, так как используется свойство собственной высоты реакции. Но в ios вы можете использовать

IOS ONLY

=> shadowColor

=> shadowOffset

=> shadowOpacity

=> shadowRadius

свойства для изменения непрозрачности тени.

для дальнейшей документации вы можете проверить https://facebook.github.io/react-native/docs/0.6/view-style-props