WebView внутри ScrollView вызывая refreshControl каждый раз, проводя вверх по React Native Android

Question

У меня есть веб-представление внутри ScrollView в приложении React Native.ScrollView имеет опцию refreshControl, поэтому я могу обновить WebView, когда достигну вершины приложения.

Вот проблема: я прокручиваю WebView без проблем, но всякий раз, когда я провожу пальцем вверх, чтобы перейти к вершинена странице, не имеет значения, нахожусь ли я в конце, середине или начале страницы, refreshControl всегда срабатывает.

RefreshControl срабатывает, когда scrollY: 0 и scrollY всегда0, потому что прокручивается не ScrollView, а WebView, поэтому ScrollView всегда находится на scrollY: 0.

Я уже пробовал опору scrollEnabled как в WebView, так и в ScrollView, но ни одна из них не работала.

Вот как выглядит код прямо сейчас:

<View style={{flex: 1}}>
    <ScrollView
      contentContainerStyle={{flex: 1}}
      refreshControl={
        <RefreshControl
          refreshing={this.state.refreshing}
          onRefresh={this._onRefresh.bind(this)}
        />
      }
    >
      <WebView
        ref="webview"
        source={{uri: initialUrl}}
      />
    </ScrollView>
</View>

Я удалил все реквизиты, чтобы попытаться начать все сначала, но у меня всегда возникает одна и та же проблема.На iOS все работает нормально, без этой проблемы.

Да, у меня есть другие вещи внутри этой матери. Вид.

Answer 1

У меня была такая же проблема, но с использованием FlatList.Попробуйте удалить contentContainerStyle, точнее flex: 1.Таким образом, работал для меня!