javascript - 无法从回调 RefreshControl 启动刷新操作

Question

我正在使用 RefreshControl 在按下按钮后启动刷新屏幕，代码如下。但是，即使设置了刷新变量的状态，刷新也不会开始。

const [refresh, setRefresh] = useState(false);
    ....

<ScrollView 
  style={styles.container} 
  refreshControl={
    <RefreshControl refreshing={refresh} />
  }
>
  ....
  <TouchableOpacity
    onPress={() => {
      setRefresh(true);
      if (modal) {
        modal.close();
      }
    }}
  >
    ...
  </TouchableOpacity>
</ScrollView>

我可以通过 API 回调启动刷新操作，但同样无法通过按钮回调启动刷新操作。不确定这里需要什么。

Answer 1

作为文档:

Note: refreshing is a controlled prop, this is why it needs to be set to true in the onRefresh function otherwise the refresh indicator will stop immediately.

因此，您必须在 onRefresh() 方法中将 refresh 设置为 true。

const onRefresh = React.useCallback(() => {
    setRefresh(true);

    // your api call
    setRefresh(false);
}, [refreshing]);