HarmonyOS Swiper组件能支持header和footer这种下拉刷新和上拉加载加载的组件吗？

import { CommonDataSource } from './CommonDataSource'  
import { VideoComponent } from './AvPlayerComponent'  
@Entry  
@Component  
struct VideoPlayerDemoPage {  
  controller: SwiperController = new SwiperController()  
  dataSource = new CommonDataSource<VideoItem>()  
  @State currentIndex: number = 0  
  @State total:number = 0  
  @State isShowRefresh: boolean = false  
  aboutToAppear(): void {  
    this.dataSource.setData(allData)  
  }  
  onPageShow(): void {  
    this.total = this.dataSource.totalCount()  
  }  
  build() {  
    Flex({ direction: FlexDirection.Column }) {  
      Swiper(this.controller) {  
        LazyForEach(this.dataSource, (item: VideoItem, index: number) => {  
          VideoComponent({ item: item, index, currentIndex: this.currentIndex })  
        })  
      }  
      .height('100%')  
      .width('100%')  
      .vertical(true)  
      .indicator(false)  
      .cachedCount(3)  
      .loop(false)  
      .duration(200)  
      .curve(Curve.EaseOut)  
      .onChange((index: number) => {  
        this.currentIndex = index  
        console.log(`result zj ==> ${index}`)  
      })  
      .onAnimationEnd(() => {  
        console.log(`result zj ==> ${JSON.stringify('onAnimationEnd')}`);  
        if (this.total === this.currentIndex + 1 && this.isShowRefresh) {  
          setTimeout(() => {  
            let nItem: VideoItem = new VideoItem()  
            nItem.imgUrl = $r("app.media.foreground")  
            nItem.videoUrl = 'xxx'  
            nItem.imgUrl = '我们只是拿某站的数据进行一下测试'  
            this.dataSource.addData(this.currentIndex+ 1, nItem)  
            this.isShowRefresh = false  
            this.total = this.dataSource.totalCount()  
          }, 500)  
        }  
      })  
      .onGestureSwipe((index: number, extraInfo: SwiperAnimationEvent) => {  
        if (this.total === index + 1 && extraInfo.currentOffset < -70) {  
          this.isShowRefresh = true  
        }  
      })  
      if (this.isShowRefresh) {  
        Flex({justifyContent:FlexAlign.Center,alignItems:ItemAlign.Center}) {  
          LoadingProgress().width(50)  
          Text('上拉加载')  
        }  
        .width('100%')  
      }  
    }  
  }  
}  
@Observed  
class VideoItem {  
  videoUrl: string = ''  
  imgUrl: ResourceStr = ''  
  title: string = ""  
}  
const allData: VideoItem[] = [  
  {  
    imgUrl: $r("app.media.foreground"),  
    videoUrl: 'xxx',  
    title: '我们只是拿某站的数据进行一下测试'  
  },  
  {  
    imgUrl: $r("app.media.foreground"),  
    title: '请大家自行准备在线素材',  
    videoUrl: 'xxx'  
  },  
  {  
    imgUrl: $r("app.media.foreground"),  
    title: '你知道冬天的雪是什么颜色吗, 我猜你不知道',  
    videoUrl: 'xxx'  
  },  
  {  
    imgUrl: $r("app.media.foreground"),  
    title: 'xxx',  
    videoUrl: 'xxx'  
  },  
  {  
    imgUrl: $r("app.media.foreground"),  
    title: 'xxx',  
    videoUrl: 'xxx'  
  },  
  {  
    imgUrl: $r("app.media.foreground"),  
    title: '当你阅读到这段文字的时候，我早已入睡，当我在睡梦中惊醒，你却早已安然睡去',  
    videoUrl: 'xxx'  
  },  
  {  
    imgUrl: $r("app.media.foreground"),  
    title: '每个人的内心都有一段独处的幽闭，不可诉说的窒息感孤独感在每当我们沉静下来的时候变愈发强烈',  
    videoUrl: 'xxxx'  
  }  
]