Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to convert Figma design with box-shadow #52

Closed
chenop opened this issue Jun 26, 2022 · 4 comments
Closed

How to convert Figma design with box-shadow #52

chenop opened this issue Jun 26, 2022 · 4 comments

Comments

@chenop
Copy link

chenop commented Jun 26, 2022

Hi,
I have design requirment to do the following shadow effect
box-shadow: 0px 3.200000047683716px 20px 0px rgba(0, 0, 0, 0.1);

How do I implement it via react-native-shadow-2?

@SrBrahma
Copy link
Owner

There is no direct relation between our Shadow properties and CSS shadow, as better analyzed in #31.

What you can do is just tweak the properties (distance, startColor, offset) until you achieve a similar appearance in what you have in the Figma design.

@SrBrahma
Copy link
Owner

Let me know if you need further help!

@apperside
Copy link

Most people waits for the judgment day, I am waiting the day that I will be able to make a shadow in react native without losing plenty of hours trying to implement a shadow the same as it is in figma

@SrBrahma
Copy link
Owner

I feel your pain, @apperside! I wish I could help you more but it indeed sucks. Hopefully someone will get into a better solution than me! Maybe WebView? 👀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants