Android: Invariant Violation requireNativeComponent: "RNCViewPager" was ton found in the UIManager

Author: zmnvCreated Oct 29, 2019Updated Aug 7, 2026

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

I've just update react-native-scrollable-tab-view to 1.0.0 by yarn. But still have error.

Steps to Reproduce

bash

yarn add [email protected]

javascript

import ScrollableTabView, { ScrollableTabBar } from 'react-native-scrollable-tab-view';
....
<ScrollableTabView
    style={{ marginTop: 0, marginBottom: 10, height: 50, flex: 0 }}
    onChangeTab={this...}
    initialPage={0}
    renderTabBar={() => (
        <ScrollableTabBar
            activeTextColor="..."
            inactiveTextColor="..."
            style={{
                ...
            }}
            tabsContainerStyle={{
                ...
            }}
            underlineStyle={{
                height: 2,
            ...
            }}
            tabStyle={{
                ...
            }}
            textStyle={{ fontSize: 12, fontWeight: 'normal' }}
        />
    )}
>
    {metrics.map(metricName => (
        <View
            key={metricName}
            tabLabel={metricName}
        >
            <Text>{metricName}</Text>
        </View>
    ))}
</ScrollableTabView>

Expected Behavior

Should work because I setup latest version of module. And in yarn.lock:

also ViewPager there is in node_modules:

Actual Behavior

Android

iOS All fine.

I've try

Clean yarn cache
Clean react native & metro cache
rm -rf node_modules
delete build folders

Source: ptomasroos/react-native-scrollable-tab-view

View original on GitHub View discussion on GitHub