Я пытаюсь использовать простой ViewPager на React native. Я сталкиваюсь с проблемой, когда пытаюсь запустить приложение на эмуляторе. (Я не проверял это на IOS, и мне не нужно проверять это тоже.)
Итак, у меня есть очень простой кусок кода -
import React from 'react';
import { StyleSheet, View, Text } from 'react-native';
import ViewPager from '@react-native-community/viewpager';
const ViewPager_3 = () => {
return (
<View style={{ flex: 1 }}>
<ViewPager style={styles.viewPager} initialPage={0}>
<View style={styles.page} key="1">
<Text>First page</Text>
<Text>Swipe ➡️</Text>
</View>
<View style={styles.page} key="2">
<Text>Second page</Text>
</View>
<View style={styles.page} key="3">
<Text>Third page</Text>
</View>
</ViewPager>
</View>
);
};
const styles = StyleSheet.create({
viewPager: {
flex: 1,
},
page: {
justifyContent: 'center',
alignItems: 'center',
},
});
export default ViewPager_3;
Когда я попробуйте запустить код на эмуляторе Android он выдает ошибку на странице, найдите ниже -
Invariant Violation: View config not found for name RNCViewPager.
This error is located at:
in RNCViewPager (at ViewPager.js:174)
in ViewPager (at ViewPager_3.js:8)
in RCTView (at ViewPager_3.js:7)
in ViewPager_3 (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by CardContainer)
in RCTView (created by CardContainer)
in RCTView (created by Card)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (created by PanGestureHandler)
В чем может быть причина того же?