如何写精华回答,获更多曝光?
发布
给出如下demo,问题在TODO标记的地方已经指出:
@Entry
@Component
struct RefreshPage {
@State refresh: RefreshBean = new RefreshBean(false)
build() {
Column() {
Child({ refresh: this.refresh })
}
}
}
@Observed
export class RefreshBean {
isRefreshing: boolean
constructor(isRefreshing: boolean) {
this.isRefreshing = isRefreshing
}
setRefresh(refresh: boolean) {
this.isRefreshing = refresh
}
}
@Component
struct Child {
@Watch("changeRefreshing")
@ObjectLink refresh: RefreshBean
@State arr: String[] = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10']
@State isRefreshing: boolean = false
//TODO:
//1. 如何才能让RefreshBean中isRefreshing变化后,this.isRefreshing可以感知变化
//或者 2. Refresh组件中的refreshing参数怎么传入RefreshBean对象的isRefreshing参数
changeRefreshing() {
this.isRefreshing = this.refresh.isRefreshing
}
build() {
Refresh({ refreshing: $$this.isRefreshing }) {
List() {
ForEach(this.arr, (item: string) => {
ListItem() {
Text('' + item + this.isRefreshing)
.width('100%')
.height(100)
.fontSize(16)
.textAlign(TextAlign.Center)
.borderRadius(10)
.backgroundColor(0xFFFFFF)
}
}, (item: string) => item)
}
.onScrollIndex((first: number) => {
console.info(first.toString())
})
.width('100%')
.height('100%')
.divider({
strokeWidth: 1,
color: Color.Yellow,
startMargin: 10,
endMargin: 10
})
.scrollBar(BarState.Off)
}
.onRefreshing(() => {
setTimeout(() => {
//TODO:
this.refresh.setRefresh(false)
}, 2000)
console.log('onRefreshing test')
})
.backgroundColor(0x89CFF0)
.refreshOffset(64)
.pullToRefresh(true)
}
}