react-native-largelist

The best large list component for React Native.

Github星跟蹤圖

react-native-largelist

React-native-largelist is a very high performance large list component for React-Native. (iOS & Android) Now V3 is available. V1 is here

Features

  • Large data source list component, items reused by group, Less CPU/Memory usage. Never blanks.
  • Fully Cross-platform bounces (iOS & Android).
  • Highly customize Refreshing and Loading. Fully support react-native-lottie. More smoothly animation.

Preview

Preview
Preview
WaterfallExample
PictureExample

Installation

yarn add react-native-spring-scrollview react-native-largelist-v3
react-native link react-native-spring-scrollview

Documentation

API reference and more: Documentation Reference

Running Examples

  1. Git clone from github
git clone git@github.com:bolan9999/react-native-largelist.git
  1. Install dependence and start.
yarn install
yarn start
  1. Modify iOS bundle source location in AppDelegate.m

  2. Change Android bundle source location in "Dev Setting"

  3. If you build it in XCode and get this error:

'React/RCTBridgeModule.h' file not found

      you can resolve it by this topic

  1. Running

LargeList

All the features below are supported on both iOS and Android.

Items reused. Never blank.
Sticky section support

      StickySection

Fully Cross-platform bounces (iOS & Android).

      bounces

Customize refreshing (Support lottie-react-native progress with useNativeDriver)

      CustomizeRefreshing

Customize loading (Support lottie-react-native progress with useNativeDriver)

      CustomizeLoading

Slide on both horizontal and vertical directions.

      BothDirections

Sticky header support.

      StickyHeader

directionalLockEnabled

      directionalLockEnabled

Support inverted

      inverted

Drag to scale header background: renderScaleHeaderBackground

      renderScaleHeaderBackground

WaterfallList

Complex situation

      WaterfallExample

preferColumnWidth

      preferColumnWidth

numColumns

      numColumns

StickyForm

example

      StickyFormExample

License

react-native-largelist is released under the MIT license. See LICENSE for details.

主要指標

概覽
名稱與所有者bolan9999/react-native-largelist
主編程語言JavaScript
編程語言JavaScript (語言數: 7)
平台
許可證MIT License
所有者活动
創建於2017-11-02 14:03:41
推送於2022-03-14 15:01:28
最后一次提交2021-12-04 19:24:35
發布數13
最新版本名稱3.0.14 (發布於 )
第一版名稱1.0.0 (發布於 )
用户参与
星數2.3k
關注者數45
派生數263
提交數274
已啟用問題?
問題數403
打開的問題數33
拉請求數73
打開的拉請求數1
關閉的拉請求數14
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?