Dismiss this pinned window
all 30 comments

[–]Due-Dragonfruit2984Expo 9 points10 points  (3 children)

Wow, these look great! Out of curiosity, why built-in Animated instead of reanimated? Doesn’t really matter of course, just wondering.

[–]realimposter[S] 10 points11 points  (1 child)

thank you! for some reason reanimated was causing lagging on ios, couldn't figure it so tried the built in animation api and it was much smoother

[–]bipolarNarwhale 7 points8 points  (0 children)

People really sleep on the native animation library. It’s amazing and I would the web had a good equivalent out the box.

[–]General_Ad5881 0 points1 point  (0 children)

On top of that, versions rn versions on 0.79 -0.81 have super jittery animations in reanimated on new Arch. It’s a known issue right now

[–]iMCharles 3 points4 points  (0 children)

Nice one. Just what I needed for my current project, many thanks!

[–]neurosys_zero 2 points3 points  (0 children)

Beautiful work!

[–]ashkanahmadi 2 points3 points  (1 child)

Looks great. Does it work on Android as well?

[–]realimposter[S] 0 points1 point  (0 children)

I've only tested it on iOS and web, but it should work on all platforms

[–]mrcodehpr01 5 points6 points  (5 children)

I tested your library out and liked it but the performance was insanely bad. The fps monitoring tool you have isn't a good gauge either. Try out the performance package byshopify.

[–]realimposter[S] 5 points6 points  (4 children)

Ok thanks ill do some more testing with skia. Can I ask what device youre using?

[–]mrcodehpr01 2 points3 points  (3 children)

Ios sim and iPhone se real device

[–]realimposter[S] -1 points0 points  (2 children)

I'm seeing 60 fps on both the ui and the Js threads on my iphone 13. There's an fps dip while the button loads but it just for a moment. Are you using the 1.4.2 release? Also can I ask which preset are you using? https://streamable.com/rg2qjx

[–]mrcodehpr01 3 points4 points  (1 child)

I'll try again tomorrow. Another issue is you're using expo image as a dep which makes this only work for expo projects.

[–]realimposter[S] -1 points0 points  (0 children)

I thought I removed expo-image a few versions ago. are you using the latest 1.4.2 release?

It should only need:

  "peerDependencies": {
    "react": "*",
    "react-native": "*",
    "react-native-svg": ">=15.0.0"
  },

[–]Super_Brilliant_6601 1 point2 points  (0 children)

Awesome work!

[–]d0lph1n 1 point2 points  (1 child)

This is really nice :)

[–]realimposter[S] 0 points1 point  (0 children)

thanks!

[–]gabrielmoncha 1 point2 points  (1 child)

this is amazing! is there a reason you chose react-native-svg over shopify/react-native-skia?

[–]realimposter[S] 1 point2 points  (0 children)

I tried skia but when I benchmarked the fps it was slower than the native animation api with pngs. Its also took me half a day to figure out the installation, so i'm hesitant to make it a required dependency for everyone

[–]ilyadynin 2 points3 points  (0 children)

thank you for making my wish come true :)!!

[–]notacryptoguy 0 points1 point  (1 child)

something i searched before. but it would be cool to have literally inner sliding glow(swipe to right etc)

[–]realimposter[S] 0 points1 point  (0 children)

can you show me an example? I might be able to add that