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>
      )} />

React Native VirtualizedList，刷新iOS上的微调框，显示在标题上方

0 个答案: