ViewPager из React Native выдает ошибку «Просмотр конфигурации не найден для имени RNCViewPager» - PullRequest
0 голосов
/ 30 марта 2020

Я пытаюсь использовать простой 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)

В чем может быть причина того же?

...