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