React Native 中的 SVG 背景图像

Question

我正在使用 react-native-svg 将 SVG 图像添加到我的 react native 项目中。但是，我正在努力解决如何将该图像设置为组件中的背景图像。我找不到任何资源来解决这个问题。

我尝试了类似的方法，但它只显示了 SVG，里面没有内容。

import Autentificare from '../../../assets/Autentificare.svg';

class Login extends React.Component {
 render() {
<Autentificare>
<View>....</View>
</Autentificare>

Answer 1

你可以把你的 svg 放在一个绝对位置的容器中

return (
  <View>
    <View
      style={{ position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }}
    >
      <Autentificare />
    </View>
    <View>...</View>
  </View>
);