我在这里使用了lottie设计和style
属性,问题是当我设置width
时,它也改变了它的height
。
<LottieView
style={{width:200}
source={require('../../../assests/lottie/test.json')}
autoPlay
loop
/>
请告诉我怎样才能把它 Package 成固定的高度和宽度。
我在这里使用了lottie设计和style
属性,问题是当我设置width
时,它也改变了它的height
。
<LottieView
style={{width:200}
source={require('../../../assests/lottie/test.json')}
autoPlay
loop
/>
请告诉我怎样才能把它 Package 成固定的高度和宽度。
3条答案
按热度按时间b91juud31#
我们可以在Lottie组件中设置高度和宽度,就像在View组件中设置样式一样。
我们可以简单地在Lottie组件中设置高度或宽度如下:
更多详情请查看官方文档:
https://github.com/lottie-react-native/lottie-react-native
ve7v8dk22#
对我有用的方法是使用视图环绕Lottie组件,并使用transform属性缩放它以移除填充。
u4dcyp6a3#
当您使用样式属性设置LottieView的width属性时,动画的高度将自动调整以保持其纵横比。
要以固定的高度和宽度 Package LottieView,可以将其 Package 在View容器中。