HarmonyOS swiper的disableSwipe所传的state不会马上生效，需要在一次滑动事件结束后才能生效

interface OffsetRemain {
  offsetRemain: number
}

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  private scroller = new Scroller()
  @State
  private refreshOffset: number = 0
  private refreshThreshold: number = 100
  // 当次滑动的总偏移量，需要滑动开始时重置
  private scrollOffset: number = 0.0
  @State
  private refreshing: boolean = false
  @State
  innerScrollEnabled: boolean = true
  swiperController = new SwiperController()

  build() {
    Stack() {
      Scroll(this.scroller) {
        Swiper(this.swiperController) {
          ForEach([1, 2, 3, 4], (item: number) => {
            Column() {
              Text('Page ' + item).fontSize(30)
              Text('Hello World').fontSize(30)
            }.width('100%').height('100%').justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center).backgroundColor('#f00')
          })
        }
        .effectMode(EdgeEffect.None)
        .nestedScroll(SwiperNestedScrollMode.SELF_FIRST)
        .width('100%')
        .height('100%')
        .loop(false)
        .vertical(true)
        .indicator(false)
        .disableSwipe(!this.innerScrollEnabled)
        .enabled(this.innerScrollEnabled)
        // .enabled(this.innerScrollEnabled)
      }
      .edgeEffect(EdgeEffect.None)
      .enablePaging(true)
      .height('100%')
      .width('100%')
      .onScrollFrameBegin((offset: number, state: ScrollState) => {
        console.info('onScrollFrameBegin')
        return this.onScrollFrameBegin(offset, state)
      })
      .onScrollStart(() => {
        this.onScrollStart()
      })
      .onScrollStop(() => {
        this.onScrollStop()
      })
      .onWillScroll((xOffset: number, yOffset: number, scrollState: ScrollState, scrollSource: ScrollSource) => {
        return this.onWillScroll(xOffset, yOffset, scrollState, scrollSource)
      })


      Column() {
        Text(`pull to refresh ${this.refreshOffset}`)
      }.width('100%').height(100).position({
        top: this.refreshing? 0 : this.refreshOffset - 100,
        left: 0,
        right: 0
      }).backgroundColor('#0f0')
    }.height('100%').width('100%')
  }

  private onScrollStart() {
    // reset this.scrollOffset when scroll start
    console.info('onScrollStart')
    this.scrollOffset = 0
  }

  private onScrollStop() {
    // console.info('onScrollStop', this.refreshOffset)
    // // check if should trigger refresh when scroll stop
    // if (this.refreshOffset >= this.refreshThreshold) {
    //   animateTo({duration: 100}, ()=>{
    //     this.refreshing = true
    //   })
    //
    //   // do refresh
    //   setTimeout(() => {
    //     this.refreshing = false
    //     this.refreshOffset = 0
    //   }, 5000)
    // }
  }

  private onScrollFrameBegin(offset: number, state: ScrollState): OffsetRemain {

    if (state != ScrollState.Scroll) {
      return { offsetRemain: offset }
    }

    this.scrollOffset += offset
    console.info('onScrollFrameBegin', offset, ScrollState[state], this.scrollOffset)

    // update inner scroll enabled status
    if (this.scrollOffset < 0.001) {
      console.info("disable inner scroll")
      this. innerScrollEnabled = false
    } else {
      console.info("enable inner scroll")
      this.innerScrollEnabled = true
    }

    const atBegin = this.scroller.currentOffset().yOffset <= 0.001
    const atEnd = this.scroller.isAtEnd()

    // 当前滑动的方向，以当前滑动的偏移量的正负来判断
    const scrollForward = offset < 0.001
    const scrollBackward = offset > 0.001

    // 如果当前在顶部且向前滑动，则触发下拉刷新，更新 this.refreshOffset, 当 this.refreshOffset 大于等于 this.refreshThreshold 时触发刷新且后续的下拉距离也减半
    if (atBegin) {
      this.refreshOffset = -this.scrollOffset
    }

    return { offsetRemain: offset }
  }

  // onWillScroll 在 overscroll 时， xOffset / yOffset 永远为 0
  private onWillScroll(xOffset: number, yOffset: number, scrollState: ScrollState,
    scrollSource: ScrollSource): void | OffsetResult {
    const atBegin = this.scroller.currentOffset().yOffset <= 0.001
    const atEnd = this.scroller.isAtEnd()

    const pullForward = yOffset > 0.001
    const pullBackward = yOffset < 0.001

    console.info('atBegin', atBegin, 'atEnd', atEnd, 'pullForward', pullForward, 'pullBackward', pullBackward,
      'yOffset', yOffset)
    // 如果向前拉并当前已经在顶部，则触发下拉刷新，更新 this.refreshOffset
    // 如果当前在顶部且向后拉，则刷新 this.refreshOffset 直到其值为 0
    if (atBegin && pullForward) {
      this.refreshOffset = yOffset
    } else if (atBegin && pullBackward) {
      this.refreshOffset = Math.max(0, this.refreshOffset + yOffset)
    }
  }
}
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.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.