以上错误发生在</static/media/igesticon.731bb908.svg>组件

Question

我有一个让我很头疼的错误，我打算将 .svg 图像放入我的项目中，我尝试了几种方法，尽管它总是给我一个错误...我正在使用 lib react-native-svg 我正在按照以下方式进行操作：

错误：组件出现上述错误：在 /static/media/igesticon.731bb908.svg

MedicationScreen

import React from 'react'
import { View, Text, FlatList, StyleSheet, Dimensions } from 'react-native'
import Logo from "../../assets/igesticon.svg";


const MedicationScreen = () => {
  return(
      <View>
          <Logo width={120} height={40} />
      </View>
  )
}

Answer 1

您可以通过以下方式嵌入 SVG：

const MedicationScreen = () => {
  return(
      <View>
          <svg width={120} height={40} >
            <image href="../../assets/igesticon.svg" />
          </svg>
      </View>
  )
}

在下面的代码片段中查看它是如何工作的：

<svg width="64" height="64" viewBox="30 0 200 200">
  <image href="https://upload.wikimedia.org/wikipedia/he/a/a7/React-icon.svg"/>
</svg>

以上错误发生在</static/media/igesticon.731bb908.svg>组件

The above error occurred in the </static/media/igesticon.731bb908.svg> component

svg

react-native

expo

react-native-svg