如何在React Native Refresh Control中缩短上拉到刷新的距离(阈值)

问题描述 投票:0回答:1

我正在尝试使用ScrollView中的Refresh Control实施拉动以刷新。我需要修改刷新控件的拉动距离/阈值。我已经检查了相关的道具来实现它,但是我没有与此相关的任何道具。

<ScrollView
          contentContainerStyle={styles.subContainer}
          bounces={true}
          horizontal={false}
          refreshControl={
            <RefreshControl
              refreshing={false}
              tintColor={'transparent'}
              onRefresh={() => {
                onSwipeDown();
              }}
            />
          }
        >
          {props.children}
</ScrollView>

请帮助我。

reactjs react-native scrollview react-native-android pull-to-refresh
1个回答
0
投票

我们可以通过onScroll事件监听器实现。

  <ScrollView
    contentContainerStyle={styles.subContainer}
    bounces={true}
    horizontal={false}
    onScroll={onSwipeDown}
  >
   {props.children}
  </ScrollView>

onSwipeDown方法

 const onSwipeDown = event => {
    console.log(event.nativeEvent.contentOffset.y);
    if (event.nativeEvent.contentOffset.y < 0) { // you can replace zero with needed threshold
      onRefresh(); //your refresh function
    }
  };
© www.soinside.com 2019 - 2024. All rights reserved.