android - Oåterkallelig överträdelse: requireNativeComponent: "RNSVGSvgViewAndroid" hittades inte i UIManager

Jag har huvudvärk med felet som nämns i titeln. Jag använder react-native-gifted-charts (https://www.npmjs.com/package/react-native-gifted-charts/v/1.0.3). Diagrammen fungerar perfekt på iOS men på Android kraschar det hela tiden och ger "Invariant Violation: requireNativeComponent: "RNSVGSvgViewAndroid" hittades inte i UIManager." Först trodde jag att det var ett problem med min kod eftersom det fungerade för Android tidigare, men även när jag vänder koden fortsätter felet. Jag använder yarn som pakethanterare och Expo Managed Workflow. Beroendena är följande.

"react-native": "0.70.5",
"react-native-gifted-charts": "^1.2.42",
"react-native-linear-gradient": "2.6.2",
"react-native-svg": "12.1.0",

■Saker jag försökte

  1. Jag tog bort node-modulerna och körde yarn igen ← fungerade inte
  2. Jag ändrade versionerna av react-native-svg eftersom jag läste i artikeln nedan att ibland händer den här typen av fel på grund av en missmatch mellan versionerna. ← fungerade inte https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/263
  3. Jag tog bort react-native-gifted-charts react-native-linear-gradient react-native-svg och lade till dem igen med yarn för att se om det löste problemet. ← fungerade inte
  4. I slutet, för att bekräfta att min kod inte är problemet, raderade jag all kod och gjorde ett enkelt barChart-exempel för att se om det fungerar (exempelkod nedan) ← fungerade inte
import React, { useState } from "react";
import { View, StyleSheet, Text, TouchableOpacity, ScrollView } from "react-native";
import type { NativeStackScreenProps } from "@react-navigation/native-stack";
import { MainStackParamList } from "../types/navigation";
import dayjs from "dayjs";
import { BarChart, LineChart, PieChart } from "react-native-gifted-charts";
import { useSelector } from "react-redux";
import { RootState } from "../store";

export const StatisticsScreen: React.FC<Props> = () => {
  const data=[ {value:50}, {value:80}, {value:90}, {value:70} ]
  return (
    <BarChart
      data={data}
    />
  );
};

P.S Jag körde också yarn cache clean i hopp om att det var cacheminnet, men det hjälpte inte...

Svar #1

Jag fick också samma problem när jag försökte använda react-native-heroicons som krävde att jag installerade react-native-svg, men när jag körde npx expo install react-native-svg fungerade det.

Svar #2

Jag fick felet när jag använde "react-native-svg": "13.6.0", nedgraderingen till "react-native-svg": "13.4.0" löste problemet.

Så kanske du kan försöka uppgradera till version 13.4.0?

Relaterade artiklar