undefined не является объектом (оценка p.TabViewPagerPan.prototype) - PullRequest
0 голосов
/ 14 июля 2020

Я получаю известную ошибку: undefined не является объектом (оценка 'p.TabViewPagerPan.prototype'). В настоящее время я застрял здесь. Я уже обновил свою версию react-native-tab-view. Есть идеи, что мне делать?

В настоящее время я использую собственную версию react 35.

/** @format */

import React from "react";
import { Color, Images } from "@common";
import { TabBar, TabBarIcon } from "@components";
import { Text, View, Dimensions, I18nManager, StyleSheet, Animated } from "react-native";
import { NavigationActions } from "react-navigation";
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import FontAwesome from "@expo/vector-icons/FontAwesome";
import { TabViewPagerPan } from "react-native-tab-view";


const { width } = Dimensions.get("window");


const WishListStack = createStackNavigator(
  {
    WishListScreen: { screen: WishListScreen },
    //ScanQRCode: { screen: ScanQRCodeScreen },
    Detail: { screen: DetailScreen },
  },
  {
    navigationOptions: {
      gestureDirection: I18nManager.isRTL ? "inverted" : "default",
    },
  }
);


TabViewPagerPan.prototype.render = function render() {
  const { panX, offsetX, navigationState, layout, children } = this.props;
  const { width } = layout;
  const { routes } = navigationState;
  const maxTranslate = width * (routes.length - 1);
  let translateX;
  if (I18nManager.isRTL) {
    // <------- HACK ---------
    translateX = Animated.multiply(Animated.add(panX, offsetX), -1).interpolate(
      {
        inputRange: [0, maxTranslate],
        outputRange: [0, maxTranslate],
        extrapolate: "clamp",
      }
    );
    // ---------------------->
  } else {
    translateX = Animated.add(panX, offsetX).interpolate({
      inputRange: [-maxTranslate, 0],
      outputRange: [-maxTranslate, 0],
      extrapolate: "clamp",
    });
  }

  return (
    <Animated.View
      style={[
        styles.sheet,
        width
          ? {
            width: routes.length * width,
            transform: [{ translateX }],
          }
          : null,
      ]}
      {...this._panResponder.panHandlers}>
      {React.Children.map(children, (child, i) => (
        <View
          key={navigationState.routes[i].key}
          testID={navigationState.routes[i].testID}
          style={
            width
              ? { width }
              : i === navigationState.index
                ? StyleSheet.absoluteFill
                : null
          }>
          {i === navigationState.index || width ? child : null}
        </View>
      ))}
    </Animated.View>
  );
};


Кто-нибудь знает, как это решить? Я уже все перепробовал, нашел

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...