Question

所以我的抽屉背景为黑色，不透明度为0.5，它工作正常。我可以看到透明度。现在问题是按钮有不透明度，我不想要，如何将其不透明度重置为1？我试过RGBA，仍然不透明度没有重置原生。

  <View style={{backgroundColor:'black',opacity:0.5,height:'100%'}}>

            <Button backgroundColor:'black',opacity:1>
              <Text>Click here </Text>
            </Button>

     </View>

Answer 1

使用8 digit hex code作为背景颜色并删除不透明度。

<View style={{ backgroundColor: '#80000000, height: '100%'}}>

Answer 2

`尝试使用较浅的背景颜色并完全跳过设置不透明度。像这样，

  <View style={{backgroundColor:'#111',height:'100%'}}>

            <Button backgroundColor:'black'>
              <Text>Click here </Text>
            </Button>

     </View>

已编辑的回答 我注意到你正在使用Button。更好地使用TouchableOpacity或其他可使用样式自定义的可触摸项。您可以尝试使用rgba属性设置背景颜色，如此，

backgroundColor:'rgba(0,0,0,0.6)'

在您的上下文中，它看起来像

  <View style={{backgroundColor:'rgba(0,0,0,0.4)',height:'100%'}}>
            <Button backgroundColor:'rgba(0,0,0,1)'>
              <Text>Click here </Text>
            </Button>
  </View>

Snack

在本机中重置子不透明度

2 个答案: