React Native 固定违规:必需的本机组件:在UI管理器中未找到"RNSVGSvgViewAndroid"

ao218c7q  于 2022-12-04  发布在  React
关注(0)|答案(2)|浏览(268)

我对标题中提到的错误感到头疼。我使用的是react-native-gifted-charts(https://www.npmjs.com/package/react-native-gifted-charts/v/1.0.3)图表在iOS中工作得很好,但在Android中它总是粉碎并抛出“Invariant Violation:必需的本机组件:在UIManager中未找到“RNSVGSvgViewAndroid”。”首先,我认为这是我的代码问题,因为它以前适用于Android,但即使我反转代码,错误仍然存在。我正在使用using yarn作为 Package 管理器和Expo托管工作流。依赖关系如下。

"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",

我尝试过的事情
1.我删除了节点模块,并再次运行Yarn←没有工作
1.我改变了react-native-svg的版本,因为我在下面的文章中读到有时这种错误会发生,因为版本的missmatch.← didn 't work https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/263
1.我删除了react-native-gifted-charts react-native-linear-gradient react-native-svg,并再次添加了Yarn,看看它是否解决了这个问题. ← didn 't work
1.最后,为了确认我的代码不是问题,我删除了所有的代码,并做了一个简单的barChart的例子,看看它是否工作(下面的示例代码)←没有工作

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}
    />
  );
};

另外,我还运行了Yarn缓存干净,希望这是该高速缓存,但没有帮助...

w6lpcovy

w6lpcovy1#

我在尝试使用react-native-heroicons时也遇到了同样的问题,这需要我安装react-native-svg,但当我运行npx expo install react-native-svg时,它工作了。

oewdyzsn

oewdyzsn2#

SVG呈现需要此模块

npm install react-native-svg-transformer --save

相关问题