我正在尝试将使用 bodymovin 插件导出到 json 的后效动画移植到 React native。我正在使用 Lottie https://airbnb.design/lottie/
我的问题是,当 bodymovin 吐出一个包含动画中使用的图像和 .json 文件的图像文件夹时,Lottie 只显示动画中矢量已转换为形状的部分。背景,其他一切都没有显示。
我遵循了他们的榜样:
export default class BasicExample extends React.Component {
constructor(props) {
super(props);
this.state = {
progress: new Animated.Value(0),
};
}
componentDidMount() {
Animated.timing(this.state.progress, {
toValue: 1,
duration: 5000,
}).start();
}
render() {
return (
<Animation
style={{
width: 200,
height: 200,
}}
source={require('../path/to/animation.json')}
progress={this.state.progress}
/>
);
}
}
但只有形状出现。我怎样才能让图像也被动画化?这可能吗?