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

Question

我正在使用lottie设计并使用style其中的属性，问题是当我设置它时width它也会改变它的height.

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

请让我知道如何将其包裹在固定的高度和宽度。

Answer 1

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

我们只需在 Lottie 组件中设置高度或宽度，如下所示：

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

有关更多详细信息，请查看官方文档：