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.

[Android] Shadow cropped on the bottom

See original GitHub issue

The ActionButton component is at the bottom of a view with flex 1, as shown below:

<View style={styles.container}>
    // ...Other stuff           
    <ActionButton buttonColor="#519989" />
</View>

Screenshot attached of the shadow getting cropped at the bottom. screen shot 2016-11-17 at 17 37 32

May not be related, but if I set offsetY={0}, the button is actually about 20 pixels above the top of the window.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
prince8vermacommented, Jun 1, 2017

You can provide some extra bottom-padding in case of android that should cover the shadow beneath the action bottom.

2reactions
devinceblecommented, Nov 19, 2016

screen shot 2016-11-19 at 6 18 01 pm Same Here

Read more comments on GitHub >

github_iconTop Results From Across the Web

Elevation shadow is clipped - android - Stack Overflow
Your shadows may be getting clipped by the View's bounds. Try adding padding to the bottom of the button. If the button sits...
Read more >
Create Shadows and Clip Views - Android Developers
Shadows are drawn by the parent of the elevated view, and thus subject to standard view clipping, clipped by the parent by default....
Read more >
Button shadow gets cropped on left and right #76 - GitHub
I have difficulty getting it to work, discussed it with the native Android programmer in our team. The way Android renders the elevation...
Read more >
Imageview Elevation: Shadow Is Cropped At The Bottom
The problem is that a shadows does not work with React Native in Android. Get code examples like "flatlist in react native" instantly...
Read more >
how to: drop shadow on clipped element - CodePen
filter is applied on parent of clipped element, but this parent has either some text content, a border , a box-shadow or a...
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