React-native-recyclerlist-v1 NPM

RecyclerList

RecyclerList based on RecyclerListView, provide API with Flastlist like

Install

npm i react-native-recyclerlist-v1 --save

Usage

import RecyclerList from 'react-native-recyclerlist-v1'


        <RecyclerList
          marginHorizontal={10}
          numColumns={2}
          gap={10}
          renderHeader={this.renderHeader}
          renderFooter={this.renderFooter}
          renderItem={this.renderItem}
          headerHeight={this.state.headerHeight}
          onEndReached={this.onEndReached}
          onRefresh={this.onRefresh}
          // if item height has provide, Preferred over itemHeight if both specified
          data={this.state.data.concat(getRandomData(300000)) // largetlist supoort
          itemHeight={ITEM_HEIGHT} 

          onScroll={this.onScroll}
          initialOffset={1000}
          onRecreate={this.onRecreate}
          onVisibleIndicesChanged={this.onVisibleIndicesChanged}
          initialRenderIndex={9}
          scrollViewProps={{
            refreshControl: (
              <RefreshControl
                refreshing={this.state.loading}
                onRefresh={async () => {
                  this.setState({ loading: true });
                  setTimeout(() => {
                    this.setState({ loading: false });
                  }, 3000);
                }}
              />
            )
          }}
        />