alexbrillant / react-native-deck-swiper

tinder like react-native deck swiper
ISC License
1.55k stars 461 forks source link

This lib does not work with react native 0.62 #306

Open felri opened 4 years ago

felri commented 4 years ago

I'm trying to run the example code, after I install the lib via:

yarn add react-native-deck-swiper When I try to open the app after installation I get the following:

Check the render method of `_default`.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `_default`.
    at createFiberFromTypeAndProps (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:24667:30)
    at createFiberFromElement (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:24688:48)
    at reconcileSingleElement (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:15516:51)
    at reconcileChildFibers (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:15563:63)
    at reconcileChildren (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:17763:50)
    at updateHostComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:18161:26)
    at beginWork$1 (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:19391:39)
    at apply (native)
    at invokeGuardedCallbackImpl (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:9137:21)
    at apply (native)
    at invokeGuardedCallback (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:9231:42)
    at beginWork$$1 (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:23943:34)
    at performUnitOfWork (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:23077:30)
    at workLoopSync (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:23059:45)
    at performSyncWorkOnRoot (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:22754:29)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12701:38)
    at unstable_runWithPriority (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:47555:30)
    at runWithPriority (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12653:41)
    at flushSyncCallbackQueueImpl (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12696:28)
    at flushSyncCallbackQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12685:35)
    at scheduleUpdateOnFiber (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:22344:37)
    at enqueueSetState (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:14201:23)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:4732:37)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:111191:27)
    at dispatch (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:108207:17)
    at rehydrate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:110896:23)
    at _rehydrate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:110245:29)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:110270:23)
    at tryCallOne (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:28860:16)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:28961:27)
    at apply (native)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32510:26)
    at _callTimer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32400:17)
    at _callImmediatesPass (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32436:19)
    at callImmediates (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32654:33)
    at __callImmediates (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2719:35)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2505:34)
    at __guard (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2702:15)
    at flushedQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2504:21)
    at invokeCallbackAndReturnFlushedQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2497:33)

see this image

Does anyone has the same problem? I tried to find some information on Issues but it seems nobody has this problem.

dongdyang commented 4 years ago

same here.

felri commented 4 years ago

I've tried to fix the problem but I think it is out of my scope, can someone please take a look at the breaking changes from 0.62? Maybe something in the changelog makes sense to anyone:

Breaking changes
Remove PropTypes: We're removing propTypes from core components in order to reduce the app size impact of React Native core and to favor static type systems which check at compile time instead of runtime.
Remove accessibilityStates: We’ve removed the deprecated accessibilityStates property in favor of the new accessibilityState prop which is a more semantically rich way for components to describe information about their state to accessibility services.
TextInput changes: We removed onTextInput from TextInput as it’s uncommon, not W3C compliant, and difficult to implement in Fabric. We also removed the undocumented inputView prop, and selectionState.
Deprecations
AccessibilityInfo.fetch was already deprecated, but in this release we added a warning.
Setting useNativeDriver is now required to support switching the default in the future.
The ref of an Animated component is now the internal component and deprecated getNode.
Thanks
wazzupex commented 4 years ago

I use Expo, recently upgraded to SDK38 which uses React-Native 0.62.2 and the only thing that I'm getting is the warnings for the Animated (described in release notes), no error whatsoever.

Animated: useNativeDriver was not specified. This is a required option and must be explicitly set to true or false Animated.event now requires a second argument for options

Regards, Alex Borba

sunviwo commented 4 years ago

I'm having the same issue as @wazzupex . It would be good it this package could be updated.

webraptor commented 4 years ago

Fixing this issue is now a priority.

jacquesdev commented 4 years ago

See here, for a general announcement https://github.com/alexbrillant/react-native-deck-swiper/issues/324

jacquesdev commented 4 years ago

@webraptor - assuming you are fixing in your fork?

webraptor commented 4 years ago

@webraptor - assuming you are fixing in your fork?

Yes, if there won't be any PRs opened for it, I will try to fix the issue asap.

jacquesdev commented 4 years ago

@felri and @yhbyOff - were either of you able to solve this issue?

carlosfieldsierra commented 4 years ago

Any News

webraptor commented 4 years ago

I've forked again the repo and am looking to maintain it and hopefully in a couple of weeks we'll be able to push a npm release. There's also reports of the package working fine on RN 0.63 so the problem with it not working on .62 may be triggered by something else.

wazzupex commented 3 years ago

May I suggest closing this topic as it was apparently fixed in the fork?! (Thanks @webraptor )