React Native中的Offset RefreshControl

时间:2019-02-28 21:25:14

标签: javascript react-native scrollview

我使用的是半透明标题,这就是为什么我给ScrollView一个paddingTop来抵消内容的原因。当我下拉刷新时,微调框仍位于顶部。

我尝试使用contentInset={{ top: 80 }}来抵消所有费用,但是在iOS上存在一个问题,即有时无法正确拾取并设置为0

还有其他方法可以使RefreshControl从较低位置开始吗?

enter image description here

这是我的组件:

  <Animated.ScrollView
    scrollEventThrottle={1}
    onScroll={Animated.event(
      [{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }],
      { useNativeDriver: true },
    )}
    contentInset={{ top: headerHeight() + 10 }}
  >

3 个答案:

答案 0 :(得分:0)

您是否为stylecontentContainerStyle设置了填充?

您能否提供一些代码片段,以说明ScrollView具有哪些属性以及被包装的内容是什么?

答案 1 :(得分:0)

我这样解决。

contentInset={{ top: headerHeight }}
contentOffset={{y: -headerHeight}}

我将这些道具用于FlatList。

答案 2 :(得分:0)

<RefreshControl
            progressViewOffset={40}
            refreshing={loading}
            onRefresh={onRefresh}
          />

progressViewOffset 是你怎么做的,它会将加载器偏移 40 像素低。