question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Backdrop opacity is not working

See original GitHub issue
<Modal
          visible={modalVisible}
          hasBackdrop={true}
          backdropOpacity={0.5}
          backdropColor={'rgba(0, 0, 0, 0.8)'}
          onBackdropPress={() => {
            setModalVisible(false);
          }}>
<Text>Modal Opened</Text>
</Modal>

backDropOpacity is only getting applied. When you apply and save the file it is working. Once I close and reopen the modal the backDropOpacity is not getting applied.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5

github_iconTop GitHub Comments

31reactions
vineelk8commented, Jul 28, 2020

There is an issue with the prop I placed

Previously I place visible so the backdrop is not working. The prop should be isVisible.

8reactions
yusfarhanchepacommented, Nov 23, 2020

yes, thanks @vineelk8 . Fixed ! after changed visible to isVisible

        <Modal
        hasBackdrop={true}
        backdropOpacity={0.2}
        backdropColor="black"
        isVisible={this.state.ModalVisibleStatus} >
Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS opacity background color and text not working [duplicate]
I'm making an app for FireFox OS and I want to make button background opacity 0.5 and the text opacity 1 but it...
Read more >
Backdrop Opacity - Tailwind CSS
Controlling opacity of backdrop filters. Use the backdrop-opacity-{amount} utilities to control the opacity of other backdrop filters applied to an element.
Read more >
opacity | CSS-Tricks
The opacity property in CSS specifies how transparent an element is. Opacity has a default initial value of 1 (100% opaque). Opacity is...
Read more >
CSS3 Opacity not working - HTML & CSS - SitePoint Forums
Hi,. I'm trying to add opacity on a border as it should degrade nicely with “old” browsers but it doesn't work (FF 3.6,...
Read more >
Set the opacity only to background color not on the text in CSS
The opacity property is used in the image to describes the transparency of the image. The value of opacity lies between 0.0 to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found