Lottie 设计的高度和宽度不符合风格

问题描述

我正在使用lottie设计并在此使用样式,问题在于我在此设置宽度并更改了它的高度所以让我知道如何将其包裹在固定的高度和宽度

    <LottieView 
style={{width:200}
                                        source={require('../../../assests/lottie/test.json')}
                                        autoplay
                                        loop
                                    />

建议如何使用固定的高度和宽度。

解决方法

我们可以在 Lottie 组件中设置高度和宽度,就像在视图组件中设置样式一样。

我们可以简单地在 Lottie 组件中设置高度或宽度,如下所示:

<LottieView 
    style={{ height: 200 }}
    source={require('../../../assests/lottie/test.json')}
    autoPlay
    loop
/>

有关更多详细信息,请查看官方文档:

https://github.com/lottie-react-native/lottie-react-native