folofse / androw

Shadows in React Native for Android

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iOS & Android Shadow Difference

WrathChaos opened this issue · comments

Hello,
Thank you so much for Androw. I've been looking for a shadow feature for Android long time. It works awesome however, there is still a difference between iOS and Android.
Here are the screenshots.

Android:

Screenshot 2019-08-02 at 12 53 38

iOS:

Simulator Screen Shot - iPhone X - 2019-08-02 at 12 53 33

Anyway finally, we have an amazing chance to get shadows on Android. Thank you so much!

Thank you for your response! I will look in to this and try to find out how iOS is creating its shadows, I have tried to replicate the html/css way of styling it's shadows like this generator https://www.cssmatic.com/box-shadow.

The problem might be caused by the dpi difference between how the simulators is representing the pixels, but I'm not 100% sure.

Let me try it on the real devices :) For now, I had to write two separated styles for iOS and Android but better than nothing.

Thank you so much for this effort @folofse :)

@folofse By the way, if you have a roadmap I would like to help you to develop this project :)

@WrathChaos I manage to add pixel density to the Android views and it now matches the iOS device much better.

I have no road map for this project, I just updates it when I get bug reports, so no special plans for this library in mind at the moment :)

@folofse :) I will use androw on my every project after that. Thank you so much :)