React-native-tab-view: null is not an object (evaluating '_ReanimatedModule.default.configureProps')

[muhammad-nauman]

Current behaviour

Importing is getting failed with an error while running the example code
"null is not an object (evaluating '_ReanimatedModule.default.configureProps')"

Expected behaviour

It should run the example code and render the screen

Code sample

import * as React from 'react';
import { View, StyleSheet, Dimensions, StatusBar } from 'react-native';
import { TabView, SceneMap } from 'react-native-tab-view';

const FirstRoute = () => (
  <View style={[styles.scene, { backgroundColor: '#ff4081' }]} />
);
const SecondRoute = () => (
  <View style={[styles.scene, { backgroundColor: '#673ab7' }]} />
);

export default class Tab extends React.Component {
  state = {
    index: 0,
    routes: [
      { key: 'first', title: 'First' },
      { key: 'second', title: 'Second' },
    ],
  };

  render() {
    return (
      <View>
        <TabView
          navigationState={this.state}
          renderScene={SceneMap({
            first: FirstRoute,
            second: SecondRoute,
          })}
          onIndexChange={index => this.setState({ index })}
          initialLayout={{ width: Dimensions.get('window').width }}
          style={styles.container}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    marginTop: StatusBar.currentHeight
  },
  scene: {
    flex: 1,
  },
});

Screenshots (if applicable)

What have you tried

Nothing, I don't know what to do now.

Your Environment

| software | version
| ---------------------------- | -------
| ios or android | Android
| react-native | 0.59.8
| react-native-tab-view | ^2.9.0
| react-native-gesture-handler | ^1.3.0
| react-native-reanimated | ^1.1.0
| node | 10.15.13
| npm or yarn | yarn

[satya164]

Please read the docs.

[muhammad-nauman]

Please read the docs.

Obviously, I have read the docs and followed all the steps. Can you please at least reference to where I'm doing wrong?

[IronTony]

I have the same problem, and I have read the documentation.
So would you be so kind to help us please?

[chakrihacker]

which version of tab view are you using

[AndroidDoctorr]

If you haven't gotten it already, the step you skipped is:
react-native link react-native-reanimated
react-native link react-native-gesture-handler
(Unless you're using react-native 0.6 or above)

[123dma]

Hello Iron.
I restart the App.
react-native start --reset-cache &&
react-native run-android

and solve my problem.

[jiyouliang]

I had solved the problem by:
react-native link react-native-reanimated

[alexstoyanov]

I am getting the same problem using react-native 0.61.5

[shoaib2527]

@alexstoyanov
Did you resolved??
Getting same error with react-native 0.61.5

[DenisSokoloff]

I try

react-native link react-native-reanimated

and then

react-native start --reset-cache
react-native run-android

Works for me, good luck

[alexstoyanov]

@shoaib2527 although I am using react-native 0.61.5 - I tried react-native link react-native-reanimated and it worked

[plockxng]

@shoaib2527 although I am using react-native 0.61.5 - I tried react-native link react-native-reanimated and it worked

Thanks, this actually worked strangely...

I'm confused why we have to do this since like @alexstoyanov and @shoaib2527, I am also using react-native 0.61.5 and there should be automatic linking.

[jaldesigner]

@ shoaib2527 embora eu esteja usando o react-native 0.61.5 - tentei o link react-native react-native-reanimated e funcionou

Obrigado, isso realmente funcionou estranhamente ...

Estou confuso por que temos que fazer isso, pois, como @alexstoyanov e @ shoaib2527 , também estou usando o react-native 0.61.5 e deve haver ligação automática.

Não funcionou comigo. uso o React Native 0.61.5

[nate-whil]

if you're on react-native 60 or above, instead of running link, just add

implementation project(':react-native-reanimated')
implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

to the dependencies section of your app/build.gradle

use pod install for the iOS side of things

[SumitThinktanker]

Finally, I came to the conclusion to go for native development instead of wasting time solving errors.

[ricardocosta21]

@SumitThinktanker This is ridiculous. I'm tired of this crap.

[udaisshekhawat]

If you are using react native versions greater than 0.60,

For android you can use the solution provided here:
https://stackoverflow.com/questions/57878353/i-have-an-error-in-react-native-null-is-not-an-object-evaluating-reanimatedmo

This worked for me.

[Jaffarraza12]

I don't why people sharing ideas "react-native-link" as RN @0.60 linking is automatic .
i have by updating my pod file in IOS
pod 'RNReanimated', :path => '../node_modules/react-native-reanimated'

and run pod install after .
Thats worked for me.

[RamonaVint]

Same issue react native 0.63.2

[karlsoft]

u can try add modules like this

modules.add(new ReanimatedModule(reactContext));

[patrice4github]

LOL. "Read the doc", like that's going to help your open source project.
I'm just trying to get my app to display so I can convert it to Fluke.