Я получаю известную ошибку: 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>
);
};
Кто-нибудь знает, как это решить? Я уже все перепробовал, нашел