Я пытался создать игру в React Native, и мне нужно отобразить некоторые файлы svga. Как я могу использовать svga в React Native?

avatar
sabbir_rifat
8 августа 2021 в 20:39
33
1
0

Я пробовал эти пакеты npm "react-native-svga-player-ex", "react-native-svga-player", "react-native-svga", но они устарели и не поддерживаются в более поздних версиях, чем 14. Пожалуйста, предложите лучшее решение для использования файла svga в React Native.

Источник

Ответы (1)

avatar
lowkey_daisy
20 апреля 2022 в 10:41
0

Вы можете использовать веб-просмотр с пакетом react-native-webview, где html — это содержимое svga. Например:

import animation from "./assets/animation.svga";

...

return (
   <Webview source={{ html: animation }} />
)

Не забудьте изменить стиль веб-просмотра на backgroundColor: "transparent", чтобы он показывал фон, который у вас позади (если вы хотите именно такое поведение).

Возможно, вам потребуется добавить что-то подобное в раздел plugins вашего babel.config.js:

[
    "babel-plugin-inline-import",
    {
        extensions: [".svg", ".svga"]
    }
],