android error Check the render method of `AnimatedComponent`

[yanhongchang-1105]

• [ ] I have searched existing issues
• [ ] I am using the latest scrollable tab view version

Steps to Reproduce

Expected Behavior

Actual Behavior

[ahmetozalp]

Did you solve the problem?

[CloudComputing-linux]

查看错误日志发现是1.0版本使用的语法是require的方式引入。后来发现react-native-scrollable-tab-view 中引入了: @react-native-community/viewpager 所以进入react-native-scrollable-tab-view 源码； 把index.js中的 const ViewPager = require('@react-native-community/viewpager'); 改成：import ViewPager from '@react-native-community/viewpager'; 这样就可以了，希望作者可以看到修改一下

[hungdev]

i faced the same problem, and i solved the problem by installing:

"@react-native-community/viewpager": "^3.3.0",
"react-native-scrollable-tab-view": "git+https://github.com/ptomasroos/react-native-scrollable-tab-view.git",

[yz1311]

It caused by '@react-native-community/viewpager' version. Here are two solutions:

• 1.downgrade '@react-native-community/viewpager' version to 3.3.0

• 2.change react-native-scrollable-tab-view/index.js code:

let ViewPager = require('@react-native-community/viewpager');
if(typeof ViewPager === 'object' && typeof ViewPager.default === 'function') {
  ViewPager = ViewPager.default;
}

I test it in both @react-native-community/viewpager version 3.3.0 and 5.0.11 or just use my package @yz1311/react-native-scrollable-tab-view (>=1.0.6)

[hunao0221]

查看错误日志发现是1.0版本使用的语法是require的方式引入。后来发现react-native-scrollable-tab-view 中引入了: @react-native-community/viewpager 所以进入react-native-scrollable-tab-view 源码； 把index.js中的 const ViewPager = require('@react-native-community/viewpager'); 改成：import ViewPager from '@react-native-community/viewpager'; 这样就可以了，希望作者可以看到修改一下

thanks a lot, works for me.

[crush12132]

您好！我在运行移动端代码时显示Check the render method of AnimatedComponent，import {ScrollView,SafeAreaView,TouchableOpacity,Animated} from 'react-native'，也使用到 const AnimatedContainer = Animated.createAnimatedComponent(Container) 但是显示了这个错误。我按照您的方法进行修改但好像没有找到对应的 const ViewPager = require('@react-native-community/viewpager'); 并且我使用的是ScrollView，而不是ViewPager，请问有什么方法可以解决吗？

[fukemy]

It caused by '@react-native-community/viewpager' version. Here are two solutions:

• 1.downgrade '@react-native-community/viewpager' version to 3.3.0
• 2.change react-native-scrollable-tab-view/index.js code:

let ViewPager = require('@react-native-community/viewpager');
if(typeof ViewPager === 'object' && typeof ViewPager.default === 'function') {
  ViewPager = ViewPager.default;
}

I test it in both @react-native-community/viewpager version 3.3.0 and 5.0.11 or just use my package @yz1311/react-native-scrollable-tab-view (>=1.0.6)

im used method 2, but my tabbar can not swipe

[NguyenLuongVinh]

It caused by '@react-native-community/viewpager' version. Here are two solutions:

• 1.downgrade '@react-native-community/viewpager' version to 3.3.0
• 2.change react-native-scrollable-tab-view/index.js code:

let ViewPager = require('@react-native-community/viewpager');
if(typeof ViewPager === 'object' && typeof ViewPager.default === 'function') {
  ViewPager = ViewPager.default;
}

I test it in both @react-native-community/viewpager version 3.3.0 and 5.0.11 or just use my package @yz1311/react-native-scrollable-tab-view (>=1.0.6)

thanks a lot, works for me.