react-native - React Native 显示动画 SVG

Question

我有一个动画 SVG 图像：-

http://test.impossible-creations.com.hk/crown.svg

在 chrome 浏览器上查看时，它的动画效果很好。

但是，当我尝试将它导入我的 react native 项目时（例如通过react-native-svg），虽然它可以显示 svg 图像，但它没有动画。

这是我导入 svg 的方式：-

import { SvgUri } from 'react-native-svg';

<SvgUri
    width="85%"
    height="85%"
    uri="http://test.impossible-creations.com.hk/crown.svg"
/>

实际上可以在 React Native 中显示动画 SVG 吗？如果是，那么这样做的正确方法是什么？

标签： react-nativesvg

Answer 1

尝试使用lottie

您需要使用 bodymovin 插件将 svg 动画导出为 json。