React Native VirtualizedList, обновление Spinner на iOS, показанное выше заголовок

Question

Итак, у меня есть VirtualizedList, и внутри него есть компонент заголовка, который имеет заголовок, который используется в большинстве приложений.

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

Вы можете спросить, почему я помещаю заголовок в VirtualizedList ... Я пытался поместить его вне списка в ScrollView, так как он не хочет быть фиксированным заголовком, который он захочет быть невидимым, когда вы прокручиваете экран / элементы, однако мне пока не удалось заставить это работать, и это было самое близкое, что я мог получить к работе.

Если у вас есть какие-либо идеи относительно того, как я мог бы переместить счетчик, чтобы он был ниже опоры ListHeaderComponent, это было бы здорово.

Вот фрагмент моего VirtualizedList:

    <VirtualizedList
      debug={__DEV__}
      onRefresh={this._refreshJobList}
      refreshing={this.state.refreshing}
      initialNumToRender={5}
      windowSize={7}
      data={this.props.reduxJobs[this.state.reduxKey].data}
      getItemCount={(data) => data.length}
      getItem={(data, index) => data[index]}
      renderItem={(data) => (
        <View style={{ flex: 1, paddingHorizontal: 25 }}>
          <JobListing key={data.item.id} job={data.item} navigation={this.props.navigation} />
        </View>
      )}
      ListHeaderComponent={() => <Header navigation={this.props.navigation} text={`${this.state.title} Jobs`} />}
      ListFooterComponent={() => (
        <View style={{ flexDirection: 'row', paddingHorizontal: 25 }}>
          <View style={{ flex: 1, paddingRight: 10, paddingBottom: 10 }}>
            {this._renderPreviousButton()}
          </View>

          <View style={{ flex: 1, paddingLeft: 10, paddingBottom: 10 }}>
            {this._renderNextButton()}
          </View>
        </View>
      )} />