usamamoinakhter / Neumorphism-ui

React Native components based on the concept of Neumorphism
146 stars 9 forks source link

Android Support #2

Open usamamoinakhter opened 4 years ago

usamamoinakhter commented 4 years ago

Android support using react-native-shadow NPM link

tamacroft commented 4 years ago

how to use it in Android ?

usamamoinakhter commented 4 years ago

@tamacroft the package doesn't support android as of now.

Jamyth commented 4 years ago

@usamamoinakhter I think react-native-shadow cannot achieve neumorphism as it only provides top and bottom options for border shadow.

Jamyth commented 4 years ago

@usamamoinakhter Sorry I get this wrong. using BoxShadow can achieve this

prasid444 commented 4 years ago

@Jamyth Can you please show how you extended this library using boxshadow

Jamyth commented 4 years ago

@prasid444 You can do this simply by overlapping two rn shadow together with different offset, but still have a problem with the inset shadow and round corner.

Jamyth commented 4 years ago

@usamamoinakhter Please consider not using react-native-shadow for android version.

there is a problem with the round border, the shadow cannot render properly as expected.

Jamyth commented 4 years ago

@prasid444

Check this out

On Android

WhatsApp Image 2020-02-11 at 14 41 05

dhuber666 commented 4 years ago

Hi guys,

I also wanted to create a package like this for android and ios. But I have the same problem for android. I actually created a Reddit post if you are interested:

https://www.reddit.com/r/reactnative/comments/f2gbqv/is_there_really_no_way_to_create_a_custom/

Maybe we could work out a strategy here and find a solution to this. Really sad that React doesn't support this for android :(

@Jamyth Also box shadow is not working for android, just elevation. Can you show an example how to use box shadow with android?

Jamyth commented 4 years ago

@dhuber666 use react-native-svg instead

huy-lv commented 4 years ago

@prasid444

Check this out

On Android

WhatsApp Image 2020-02-11 at 14 41 05

how do we achieve this on android?

usamamoinakhter commented 4 years ago

@prasid444 Check this out On Android WhatsApp Image 2020-02-11 at 14 41 05

how do we achieve this on android?

Use react-native-svg

huy-lv commented 4 years ago

can you provide a working example :D thank you

Schwefelhexa commented 4 years ago

@usamamoinakhter I'd also love to see a sample! It would be really helpful because I am working on something like this myself.

cubois-anirudha commented 3 years ago

doesn't support on android