LottieViewDemo.ets
859 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { AnimationItem } from '@ohos/lottie'
// import { LottieView } from 'wdComponent/Index'
@Component
export struct LottieViewDemo {
@State
animateItem: AnimationItem | null = null
build() {
Column() {
Text('点击开始')
.fontSize(30)
.backgroundColor(Color.Blue)
.padding(20)
.fontColor(Color.White)
.borderRadius(10)
.fontWeight(500)
// LottieView({
// name: 'lottieDemo',
// path: 'common/lottie/politeChicky.json',
// onReady: (animateItem: AnimationItem | null) => {
// this.animateItem = animateItem
// },
// onComplete: () => {
// console.log('onComplete===')
// }
// })
}
.width(200)
.height(200)
.alignItems(HorizontalAlign.Center)
.backgroundImageSize(ImageSize.Cover)
}
}