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