SVG 作为 React Native 中的背景图像答案

【问题标题】：SVG as background image in React NativeSVG 作为 React Native 中的背景图像
【发布时间】：2019-12-16 10:12:34
【问题描述】：

我使用 react-native-svg 将 SVG 图像插入到我的 React Native 应用程序中。我目前正在用 svgs 替换我的 png，因为我的大部分资产都很模糊。我遇到了一个用例，我需要用 SVG 文件替换使用 png 的ImageBackground。有没有办法做到这一点？我尝试将图像用作包含所有元素的主要组件，但图像出现在所有内容之上。

【问题讨论】：

标签： react-native svg react-native-svg

【解决方案1】：

你可以使用react-native-svg-uri

例子

  <SvgUri
      width="200"
      height="200"
      source={{uri:'http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg'}}
      source={require('./simpson.svg')}
    />

【讨论】：

我的 svg 不在线，它是一个文件
@ThéoLavaux 它也可以用作文件的图像路径。 require("./simpson.svg")
你在github.com/react-native-community/react-native-svg/issues/571之前遇到过这种错误吗？这正是我使用这种技术所拥有的
@ThéoLavaux 当我使用我在回答中写的模块时，我从未引起过这样的错误。您是否通过将其转换为 png 文件来检查您正在使用的 SVG 文件？
我试过用它。我面临的两个问题。 1.它不是作为背景 2. 它没有设置自动高度的选项