search

folofse / androw

Shadows in React Native for Android
97 stars 16 forks source link

iOS & Android Shadow Difference #11

Closed WrathChaos closed 5 years ago

WrathChaos commented 5 years ago

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!

folofse commented 5 years ago

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.

WrathChaos commented 5 years ago

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 :)

WrathChaos commented 5 years ago

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

folofse commented 5 years ago

@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 :)

WrathChaos commented 5 years ago

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