reactjs - 在 native react 中重置子不透明度

标签 reactjs react-native

所以我有一个不透明度为 0.5 的黑色背景的抽屉,它工作正常。我可以看到透明度。现在问题是即使按钮有我不想要的不透明度,如何将其不透明度重置为 1?我试过 RGBA,在 native react 中仍然不重置不透明度。

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

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

     </View>

最佳答案

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

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

关于reactjs - 在 native react 中重置子不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45786017/

相关文章:

javascript - react-transition-group v2 和 react-router-dom v4。为什么动画改变: inner and outer components?中的数据

jquery - 我试图让这个光标效果对 react

javascript - React native 和 Jest : How can I execute code that uses fetch?

javascript - ReactJS:如何更改 Material UI 中步进器标签的字体大小和 marginTop?

reactjs - JSX 元素类型 'X' 不是 JSX 元素的构造函数。 'render()' 返回的类型在这些类型之间不兼容

reactjs - Apollo js 订阅乐观 UI

javascript - iOS 项目中缺少的 .a 文件

ios - 在 react native 应用程序中使用提取时出错

firebase - 在使用 firestore 权限的 native 应用程序(通过 Expo)中 - request.auth 始终为 null

reactjs - 我无法在 typescript 中使用动态键名设置状态