Как использовать изображение SVG в качестве фонового изображения в реагировать на родной?

Question

Я использую svg в своем реактивном приложении следующим образом:

import TestLogo from "../../assets/TestLogo.svg";
<TestLogo />

Я использую фоновое изображение следующим образом:

import background from '../../assets/modules/auth/signUpPattern.png'
<ImageBackground source={background} style={{width: '100%', height: '100%',  alignItems: 'center'}}>

Если я использую следующий синтаксис:

    import Background from '../../assets/modules/auth/signUpPattern.svg'
    <ImageBackground source={<Background />} style={{width: '100%', height: '100%',  alignItems: 'center'}}>

У меня пустое место, а не svg фоновое изображение, как это исправить?

Answer 1

Reaction-native не поддерживает форматы .svg. Вы можете использовать библиотеку, такую ​​как Reaction-native-SVG или любую другую.