Проведите обновление для просмотра в React native

Question

У меня следующая структура макета

<View>
      <HeaderView/>
      <FlatList/>
<View/>

Я хочу реализовать обновление свайпом в родительском представлении, а не в FlatList. Я не могу обернуть весь вид с помощью Scrollview, так как мне нужен только FlatList для прокрутки, а не HeaderView.

Я попытался установить Refreshcontrol для FlatList, но в этом случае значок загрузки не появляется сверхуродительского представления, но сверху FlatList.

Как это сделать?

Answer 1

Компонент FlatList имеет свойство ListHeaderComponent, которое можно использовать для добавления заголовка в FlatList вместо добавления его над ним, например:

<View style={{flex: 1}}>
  <FlatList
    ListHeaderComponent={<HeaderView />}
    refreshControl={
      <RefreshControl
        refreshing={this.state.refreshig}
        onRefresh={this.onRefresh}
      />
    }
  />
</View>

Для работающего примера:Вы можете проверить это закуска .