Блог

Главная - Вопросы по программированию - Реагируйте на то, что родной SVG отключается

Реагируйте на то, что родной SVG отключается

#react-native #svg #react-native-svg

Вопрос:

Я новичок в использовании react-native-svg package . У меня есть SVG, который правильно отображается в браузере, но внутреннее изображение отключается в моем приложении React Native.

введите описание изображения здесь

Вот мой код. Кто-нибудь может помочь мне это исправить?

 import React from "react";
import { SafeAreaView } from "react-native";
import Svg, { Path, Rect, Defs, Pattern, Use, Image } from 'react-native-svg';

const SVG = () => {


  return (
    <SafeAreaView>
      <Svg width="232" height="420" viewBox="0 0 232 420" fill="none" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
      <Rect x="50.0869" y="1.1145" width="182.114" height="398.423" rx="11" transform="rotate(7.00576 50.0869 1.1145)" fill="url(#pattern0)" stroke="#6A0001" stroke-width="2"/>
      <Defs>
      <Pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
      <Use xlinkHref="#image0" transform="translate(-0.00220059) scale(0.000892801 0.000410509)"/>
      </Pattern>
      <Image id="image0" width="1125" height="2436" transform="translate(300) rotate(7.00576 50.0869 1.1145)" xlinkHref="data:aReallyReallyReallyLongString" />
      </Defs>
      </Svg>
    </SafeAreaView>
    );
  };
Метки: ,