透明 React Native 与 Expo

Question

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

代码：

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

我想做什么：在此处输入图片说明

我得到了什么：在此处输入图像描述

Answer 1

样式上的alpha应用于整个视图，因此也会导致所有子组件变得透明。 您只想将 alpha 应用于父视图的背景颜色。 在 react-native 中，您可以通过定义 backgroundcolor rgba 格式来实现

可以找到颜色文档https://reactnative.dev/docs/colors

这是展示这种行为的世博小吃。 https://snack.expo.io/sl8VafHil