search

gorhom / react-native-animated-tabbar

A 60FPS animated tab bar with a variety of cool animation presets 😎
MIT License
1.67k stars 132 forks source link

interpolate() was renamed to interpolateNode() in Reanimated 2. Please use interpolateNode() instead #116

Open fessor10 opened 3 years ago

fessor10 commented 3 years ago

I get this error when compiling my code with expo

at node_modules/react-native-reanimated/src/reanimated2/interpolation.ts:119:4 in interpolate
at node_modules/react-native-redash/lib/module/Colors.js:1:2605 in interpolateColorsRGB
at node_modules/react-native-redash/lib/module/Colors.js:1:3435 in interpolateColor
at node_modules/@gorhom/animated-tabbar/src/presets/bubble/item/BubbleTabBarItem.tsx:50:28 in BubbleTabBarItemComponent
at [native code]:null in performSyncWorkOnRoot
at [native code]:null in dispatchAction
at node_modules/use-subscription/cjs/use-subscription.development.js:85:14 in checkForUpdates
at node_modules/fbemitter/lib/BaseEventEmitter.js:185:4 in __emitToSubscription
at node_modules/fbemitter/lib/BaseEventEmitter.js:166:10 in emit
at node_modules/react-native-appearance/src/index.tsx:53:6 in Appearance.set
at node_modules/react-native-appearance/src/index.tsx:20:2 in nativeEventEmitter.addListener$argument_1
at node_modules/react-native/Libraries/vendor/emitter/EventEmitter.js:189:10 in emit
at [native code]:null in callFunctionReturnFlushedQueue
Library Version
@gorhom/animated-tabbar 2.1.2
react-native 41.0.0
react-native-reanimated 2.1.0
react-native-gesture-handler 1.10.2
react-native-svg 12.1.0

Steps To Reproduce

  1. Create a new expo project.
  2. Add React Navigation, install dependencies. Using expo install react-native-reanimated react-native-gesture-handler react-native-svg
  3. Add react-native-animated-tabbar and use the library version listed above
fessor10 commented 3 years ago

@gorhom Hi, can you please kindly have a look at this in your spare time.

I will be expecting to hear your thoughts on this.

Thank you!

JClackett commented 3 years ago

Having the same issue on latest expo build

JClackett commented 3 years ago

I think its because this package uses the old react-native-redash package, it needs to be updated

JClackett commented 3 years ago

Fixed by using yarn resolution in package json

  "resolutions": {
    "react-native-redash": "16.1.1"
  }

and downgrading this packages version: 

    "@gorhom/animated-tabbar": "2.1.1",
GuillaumeRZ commented 3 years ago

Same problem here ! Thanks for the update ! :)

butri71 commented 2 years ago

same here as well!