обновить плоский список по содержанию

Question

Я использую nativebase.

Я хочу получить плоский список обновлений по запросу.

У меня есть AppContainer с верхним и нижним колонтитулами и содержимым:

   <Container>
        <StatusBar backgroundColor={colors.primary} />
        {renderHeader(this.props)}
        <Content contentContainerStyle={{ flexGrow: 1 }}>{this.props.children}</Content>
        {renderFooter(this.props)}
      </Container>

Тогда у меня есть плоский список в AppContainer:

   <AppContainer>
      <TransactionList />
   </AppContainer>

TransactionList - это плоский список:

 <View style={styles.container}>
    <FlatList
      data={datas}
      extraData={this.state}
      renderItem={this.renderList}
      keyExtractor={item => item.item}
      onRefresh={this.refreshList}
      refreshing={this.state.refreshing}
    />
  </View>

Но он не показывает обновление по запросу, потому что содержимое AppContent является ScrollList.

Как я могу это решить?

Answer 1

RefreshControl - это компонент-реактив, официальная документация-реактив показал пример этого с ScrollView (https://facebook.github.io/react-native/docs/refreshcontrol), но это точно такой же метод для FlatList:

  return (
    <SafeAreaView style={styles.container}>
      <ScrollView
        contentContainerStyle={styles.scrollView}
        refreshControl={
          <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
        }
      >
        <Text>Pull down to see RefreshControl indicator</Text>
      </ScrollView>
    </SafeAreaView>
  );
}