HarmonyOS 下拉刷新组件,顶部padding会导致下拉刷新的UI暴露出来
build() {
Column(){
Flex({ direction: FlexDirection.Column }){
UserInfoHeader()
Refresh({ refreshing: $$this.isRefreshing, builder: this.customRefreshComponent() }) {
List({ space: 12, initialIndex: 0 }){
ForEach(this.cards,(item:CardData)=>{
ListItem(){
...//自定义Card
}
})
}
.padding({left:12,right:12,top:12})
.scrollBar(BarState.Off)
}
.onStateChange((refreshStatus: RefreshStatus) => {
console.info('Refresh onStatueChange state is ' + refreshStatus)
})
.onRefreshing(() => {
this.refresh()
setTimeout(() => {
this.isRefreshing = false
}, 5000)
console.log('onRefreshing test')
})
.backgroundColor(0x89CFF0)
.backgroundColor('#F0F1F5')
}
}
}
以上代码,下拉刷新列表顶部有一个固定高度的Header,希望列表和header有一个间距,但是设置padding或者margin,当出现间距时,总会露出来刷新组件。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 下拉刷新 自定义刷新view loading会露出一半距离
1004浏览 • 1回复 待解决
HarmonyOS refresh组件下拉刷新是不是不能自定义顶部刷新时的样式?
1345浏览 • 1回复 待解决
HarmonyOS Refresh组件下拉刷新ui无刷新,debug过list是有数据的
935浏览 • 1回复 待解决
HarmonyOS 组件的下拉刷新问题
1423浏览 • 1回复 待解决
上拉加载,下拉刷新组件
1361浏览 • 1回复 待解决
HarmonyOS Web 组件添加下拉刷新,使用pulltorefresh 的下拉刷新会有手势冲突问题
928浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
906浏览 • 1回复 待解决
HarmonyOS 下拉刷新如何实现
732浏览 • 1回复 待解决
HarmonyOS 下拉刷新在使用pullDownRatio(0)这种方式禁用下拉刷新之后,使用Refresh({ refreshing: true })依旧可以触发下拉刷新
1047浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
879浏览 • 1回复 待解决
HarmonyOS rn组件FlatList下拉刷新异常
999浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
1252浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
1989浏览 • 1回复 待解决
HarmonyOS 下拉刷新的时候没有更新数据
1587浏览 • 1回复 待解决
ArkTS的List组件如何实现下拉刷新效果?
2038浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
2684浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载功能
757浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载示例
876浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
1829浏览 • 1回复 待解决
有基于ListContainer下拉刷新 像安卓中listview的第三方下拉刷新布局
7424浏览 • 2回复 待解决
Refresh组件嵌套scroller组件再嵌套List组件后自定义顶部下拉刷新异常
912浏览 • 1回复 待解决
HarmonyOS 使用pulltorefresh 的下拉刷新会跟web 的滚动联动,web向下滚动,刷新控件也会滚动
1073浏览 • 1回复 待解决
HarmonyOS Webview如何实现下拉刷新效果
941浏览 • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置
2416浏览 • 1回复 待解决
刷新显示状态,希望自定义一个刷新组件,通过刷新状态的不同显示不同字段包括下拉刷新,释放刷新
1636浏览 • 1回复 待解决
建议不要设置padding,把加载loading放在customRefreshComponent里。参考官网文档示例2写法:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2