Измените размер статического SVG-файла с помощью response-native-svg-uri - PullRequest
Новая
       46

Измените размер статического SVG-файла с помощью response-native-svg-uri

0 голосов
/ 18 июня 2019

Я использую библиотеку react-native-svg-uri, которая зависит от react-native-svg, и я смог импортировать статический файл SVG, поэтому я его и использую, но, к сожалению, я не могу изменить размер SVG.

SVG имеет атрибуты width и height внутри него и, конечно, viewBox, и когда я пытаюсь изменить его значения высоты и ширины из создания компонента, он уменьшает пространство вокруг него, но не изображение.Как будто это было overflow: hidden в CSS.

Вот как я его использую:

<SvgUri style={ styles.buttonImage } source={ImageAssets[button.svg]} />

 buttonImage: {
        alignSelf: 'center',
        justifyContent: 'center',
        height: 50,
    },

Если я попытаюсь вставить встроенную ширину = {50}, например, в SvgUri, он выглядит отрезанным.

Есть идеи, как решить эту проблему?Будет ли проблема с моим SVG, который я создал?

Это какая-то часть моего SVG 

<svg width="104" height="88" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><use xlink:href="#a" x="2" width="102" height="88"/><path d="M27 41v40s3.886 9.454 10 0M37 65v16M47.999 64.001C40.981 57.169 37 65 37 65M48 64v17s3.986 8.285 10 0M58 56v25M37 77h11M58 75c20 0 24.868 2.373 26-8.999M74 59c-12.871 6.203-8 16-8 16M65 57V38M70 54V41M74 50v-6" fill="none" stroke="#23c295" stroke-linejoin="round"/>... it goes on </svg>
...