search

alexZajac / react-native-skeleton-content-nonexpo

A customizable skeleton-like loading placeholder for react native projects not using expo.
MIT License
308 stars 62 forks source link

App freezing when turning on debug with chrome #53

Closed Iamivan1996 closed 1 year ago

Iamivan1996 commented 2 years ago

Describe the bug Just turning on debug with chrome, then the app is freezing for both Platform OS without any error, all the buttons are not working and also can not scroll down the page until set the props "isLoading" to false.

To Reproduce Steps to reproduce the behavior:

  1. Turning on debug with chrome

Expected behavior Expect in debug and release mode, the animation will works fine and will not effect the app stability

Screenshots https://user-images.githubusercontent.com/30230906/180197942-a7bdc961-2585-460e-ac81-c8b182048253.mov image

Smartphone (please complete the following information):

Cantinaband commented 2 years ago

I'm having the same issue. Any help here?

Cantinaband commented 2 years ago

@alexZajac any idea why this happens? It's really a bummer not to use the chrome debugger anymore...

kostas64 commented 2 years ago

Same issue here

RN: 0.68.2 react-native-skeleton-content-nonexpo: 1.0.1 react-native-linear-gradient: 2.6.2

pck555 commented 2 years ago

Is there any updates? I'm still experiencing this issue.

ipmcc commented 2 years ago

I have this issue even WITH expo. I've tried Chrome, the WebStorm debugger (which is pretty much just Chrome-by-remote, so not surprising that this doesn't work), and even VSCode, which implements its own debugger, and they all hang. It's not clear whether it's the fault of reanimated or skeleton-content, but both are well-represented in the stack traces I see.

If I comment out all occurrences of SkeletonContent in my app, the problem goes away.

suraj-ingle commented 2 years ago

+1
Device: Android Emulator, Android 12.0 (S) API-31 react-native-skeleton-content-nonexpo: 1.0.13 react-native-reanimated: 2.10.0 react-native: 0.67.4

kiratot commented 2 years ago

Since the library is using react-native-reanimated, the chrome debugger/react native debugger won't work, unfortunately. You need to use Flipper for debugging.

ipmcc commented 2 years ago

...which is a really good argument for NOT using reanimated v2. But I digress...

alexZajac commented 1 year ago

Hi! We cannot get out of reanimated-v2, at least in the current state of the project. Closing this one as long as there is no viable option to replace reanimated-v2.

ipmcc commented 1 year ago

I take issue with the use of the word "cannot" here, as well as the idea that there are no viable alternatives to Reanimated v2 -- RN had animation before Reanimated v2 came along; it's hardly the only option (React.Animated and Reanimated v1 are obvious alternatives) -- but as they say: 'not my circus, not my monkeys.' That aside, it looks like the Reanimated folks are restoring some marginal debug-ability in v3, so maybe the answer is to jump on board with that as soon as it's good to go.