Comments (7)
I am struggling to fix a final bug in the next major version. When released, I may start working on that. Meanwhile, if you are not using Expo, you may want to take a look at react-native-neomorph-shadows
from react-native-shadow-2.
Hi @SrBrahma,
thanks for your reply and sorry for my late answer. You can see an example of my use case on https://neumorphism.io/ if you select the "Pressed" variant under the Shape option.
If it's a lot of work to get it working properly, don't bother with it. We just upgraded our project to the latest Expo version which comes with React Native 0.68. This allows us to use https://github.com/Shopify/react-native-skia which provides inset shadows as well.
from react-native-shadow-2.
Thanks!
I am aware of Skia! Before they made their shadow, I was considering to port this lib to use the skia instead of svg, until I saw it didn't support Expo yet. Yup! Looks like their shadow will at some point be more popular than this lib, it's a better technology than SVG with all my hacks to make the shadow.
I haven't used it yet. How their shadow looks like? Can it wraps general components and does it works on the first render without entering the width and height? Does it support what my lib does? No problem if it does and if it's better hehe! I was actually already planning to write about Skia in the 7.0.0 release text, on how certainly the RN's shadow future is by using it.
Anyway, as I got some free time these days, I will try to get the inset
done, along with others pendency.
from react-native-shadow-2.
Are there any updates on this? I'm looking for a package that supports inset shadows (like react-native-neomorph-shadows) but since my project is managed by Expo, I can't use it. Do you have any plans on implementing inset shadows in the near future?
from react-native-shadow-2.
Hi, @lukas-sl!
I tried back then to make the inset shadow. While the basics worked fine, I had some problematic cases that I couldn't work around. As no one else requested it (and I never needed it and the requester didn't seem to really want it), it wouldn't worth the effort to try harder.
What is your use case? Can you provide me an image example, maybe in html/css and its code?
I will soon have more free time and I can try to get it working, and release it together with the upcoming 7.0.0 version.
from react-native-shadow-2.
any news on this feature.
from react-native-shadow-2.
use this react-native-drop-shadow
from react-native-shadow-2.
Related Issues (20)
- How to convert Figma design with box-shadow HOT 4
- Web can't support more than 1 shadow. HOT 2
- Not able to apply shadow on Pressable HOT 4
- Bug: The argument must be a React element, but you passed null with & weird behavior in corners - newest version HOT 17
- Support multiple children and follow shape of SVG HOT 1
- Have tried to use this lib, but I can't. What am doing wrong? HOT 5
- [Fixed in v13.6.0] Incompatible with react-native-svg v13.5.0 HOT 5
- On IOS, setting distance=0 does not work properly HOT 2
- Border radius problem HOT 2
- x-axis offset not working as expected (iOS) HOT 1
- could you provide a new prop `blur`? HOT 3
- X offset not working on IOS HOT 1
- Inner shadow HOT 4
- Issue with borderRadius in the latest version 7 when size of the elements changes HOT 5
- Unable to find an element with testID HOT 3
- Can I do this effect with this library? HOT 1
- Sides and corners HOT 2
- Fail to compile on web "Support for the experimental syntax 'jsx' isn't currently enabled" HOT 3
- Android
- SVGs in corners with border radius are not aligned properly HOT 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-shadow-2.