如何抵消 RefreshControl

Posted 2023-03-15

【中文标题】如何抵消 RefreshControl

【英文标题】：How to offset the RefreshControl

【发布时间】：2016-05-25 10:55:28

【问题描述】：

我在一个列表中使用RefreshControl 组件，该组件在一个半透明的应用标题栏下方滚动。

我唯一的问题是 RefreshControl 出现在半透明标题下方。我真正想要的是能够偏移 RefreshControl 的 y 位置，以便它直接显示在 app-header-bar 下方。

我尝试过使用各种样式属性（marginTop、paddingTop、translateY），但似乎没有任何效果。

【参考方案1】：

根据ios中的this，

如果将 contentInset top 设置为滚动视图，RefreshControl 将从该点开始。

在 android 中，您可以使用参数 'progressViewOffset' 来实现相同的值。

 <RefreshControl
        refreshing=this.state.isRefreshing
        onRefresh=this._onRefresh
        progressViewOffset=offset
      />

此功能将在 react-native 版本 0.27 中发布。 Here 是在 android 中添加支持的提交。