Transparency React Native With Expo

How to / Third Party Tooling
1

I have problems with the transparency of a View in React Native Expo, within the View I have text but this is not seen on iphone devices and on androids the text is seen with transparency but it is not what I want.

Code:

<View style= {{paddingHorizontal:30, borderRadius:1, marginTop:5}}>
        <View style={{alpha = 1.0, alignItems:'center', borderRadius:10, backgroundColor: 'white', alignContent:'center', paddingVertical:10}}>
          <Text style={{fontSize:15, color:'white', fontWeight: 'bold'}}>Iniciar Sesión</Text>
        </View>
      </View>

What I want to do:
2020-10-04 (2)

What i get:

unnamed
unnamed973×475 32.1 KB

2

Hi,

You can try backgroundColor instead of reducing the values of opacity.

backgroundColor: 'rgba(255, 255, 255, .5)',

                         ^ColorCode   ^ Transparency