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.
Shadow and borderRadius on BlurView
See original GitHub issueIs it possible to use props like this for the shadow? When I use it the blur effect disappears.
shadowColor={'black'} shadowRadius={5} shadowOpacity={0.15} shadowOffset={{width: 0, height: 0}}
In addition, it appears that using border radius for an individual corner doesn’t work.
borderRadius:10, //works with overflow:hidden
borderTopLeftRadius: 10, //doesn't work
borderTopRightRadius: 10, //doesn't work
Issue Analytics
- State:
- Created 7 years ago
- Reactions:5
- Comments:12 (2 by maintainers)
Top Results From Across the Web
Blur on border in react native - Stack Overflow
Apply style dropShadow:{ shadowColor: '#000', shadowOpacity: 0.5, shadowRadius: 5, elevation: 2, }.
Read more >Expanded Use of `box-shadow` and `border-radius`
This episode will explore expanded usage of `box-shadow` and ... It is acceptable to omit the blur-radius and spread-radius , which leads to ......
Read more >box-shadow - CSS: Cascading Style Sheets - MDN Web Docs
A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color. Try it. CSS...
Read more >Shadow and borderRadius on BlurView - Bountysource
Shadow and borderRadius on BlurView ... Is it possible to use props like this for the shadow? When I use it the blur...
Read more >3 ways to style CSS box-shadow effects - LogRocket Blog
The blur radius, which affects the sharpness of the shadow; higher values mean lighter shadows, and vice versa; The fourth value defines the ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
try this, it Works on android and ios
Still can’t add a border-radius. Setting a border-radius to the parent view only helps for iOS, not for Android. Any suggestions?