Gathering detailed insights and metrics for @bang88/react-native-ultimate-listview
Gathering detailed insights and metrics for @bang88/react-native-ultimate-listview
Gathering detailed insights and metrics for @bang88/react-native-ultimate-listview
Gathering detailed insights and metrics for @bang88/react-native-ultimate-listview
npm install @bang88/react-native-ultimate-listview
Typescript
Module System
Node Version
NPM Version
83.6
Supply Chain
99.5
Quality
78.7
Maintenance
100
Vulnerability
100
License
JavaScript (95.74%)
Objective-C (2.49%)
Python (0.98%)
Java (0.79%)
Total Downloads
809,429
Last Day
460
Last Week
2,980
Last Month
18,195
Last Year
210,272
541 Stars
103 Commits
87 Forks
16 Watching
2 Branches
4 Contributors
Latest Version
4.1.1
Package Id
@bang88/react-native-ultimate-listview@4.1.1
Unpacked Size
44.55 kB
Size
10.25 kB
File Count
11
NPM Version
9.6.7
Node Version
18.17.0
Publised On
08 Aug 2024
Cumulative downloads
Total Downloads
Last day
-52.8%
460
Compared to previous day
Last week
-40%
2,980
Compared to previous week
Last month
-11.5%
18,195
Compared to previous month
Last year
69%
210,272
Compared to previous year
This Library includes two components: UltimateListView
and UltimateRefreshView
This module supports both of iOS and Android platforms.
All codes are written in ES6 syntax, and meet most rules of Eslint syntax
Quick installation
yarn add react-native-ultimate-listview@3.0.2
yarn add react-native-ultimate-listview@latest
Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.
iOS | Android | |
---|---|---|
FlatList |
import { UltimateListView, UltimateRefreshView } from 'react-native-ultimate-listview'
<UltimateRefreshView onRefresh={this.onRefresh}>
<YourView/>
</UltimateRefreshView>
<UltimateListView
ref={ref => this.listView = ref}
key={this.state.layout}
onFetch={this.onFetch}
keyExtractor={(item, index) => `${index} - ${item}`}
refreshableMode="advanced" // basic or advanced
item={this.renderItem} // this takes three params (item, index, separator)
displayDate
arrowImageStyle={{ width: 20, height: 20, resizeMode: 'contain' }}/>
Or you can look through this link: Usage
Provide a new Component
Change import syntax to:
import { UltimateListView, UltimateRefreshView } from 'react-native-ultimate-listview'
@gameboyVito - gameboyvito@gmail.com
yarn
or npm install
in the root folderyarn eslint-fix
or npm run eslint-fix
I have found some articles to explain why you need to use FlatList instead of the legacy ListView. There are some obvious reasons:
MIT
No vulnerabilities found.
Reason
license file detected
Details
Reason
binaries present in source code
Details
Reason
Found 3/26 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
94 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-12-23
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More