Как реализовать атрибут fill в элементе response-native-svg - PullRequest
Новая
       23

Как реализовать атрибут fill в элементе response-native-svg

1 голос
/ 06 января 2020

У меня есть простой треугольник, нарисованный путями / линиями, экспортированный из AdobeXD в виде SVG, затем скопированный и откорректированный код SVG в реактивный проект с элементами библиотекиact-native-svg. Я пытаюсь заполнить фон элемента, потому что я не хочу, чтобы он был прозрачным. Я думал, что это будет так же просто, как использовать атрибут fill веб-SVG в элементе G, но он не работает.

Вот код SVG: 

<Svg width="22.364" height="20.315" viewBox="0 0 22.364 20.315">
    <G fill="#fff" transform="translate(0.682 0.632)">
        <Line
            id="Line_37"
            data-name="Line 37"
            x1="21"
            y1="12"
            transform="translate(0 7)"
            stroke="rgba(69,74,102, .5)"
            stroke-linecap="round"
            stroke-width="1"
        />
        <Line
            id="Line_38"
            data-name="Line 38"
            y2="19"
            transform="translate(21)"
            stroke="rgba(69,74,102, .5)"
            stroke-linecap="round"
            stroke-width="1"
        />
        <Line
            id="Line_40"
            data-name="Line 40"
            x1="21"
            y2="7"
            stroke="#fff"
            stroke-linecap="round"
            stroke-width="1"
        />
    </G>
</Svg>

Посмотрел документы react-native-svg и там написано: «Заполнитель относится к цвету внутри фигуры». но, как я сказал, опора fill не работает ни в элементе <Svg>, ни в элементе <G> ... Есть идеи?

...