React native 透明度与世博会

我对React Native Expo中视图的透明度有问题，在视图中我有文本，但在iphone设备和androids上看不到，文本是透明的，但这不是我想要的

代码：

伊尼西亚·塞西翁

我想做的是：

我得到的是：

---

样式上的

alpha

应用于整个视图，因此也会使所有子组件变为透明。您希望仅将alpha应用于父视图的背景色。在react native中，您可以通过定义背景色rgba格式来实现这一点

可以找到颜色文档

这里有一个世博会小吃来展示这种行为。

<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>