Gathering detailed insights and metrics for react-native-material-ripple
Gathering detailed insights and metrics for react-native-material-ripple
Base component for touchable elements
Installations
npm install react-native-material-rippleReleases
Unable to fetch releases
Developer
n4kz
Developer Guide
BETA
Module System
CommonJS
Min. Node Version
Typescript Support
No
Node Version
NPM Version
Statistics
415 Stars
112 Commits
85 Forks
6 Watching
1 Branches
3 Contributors
Updated on 22 Nov 2024
Languages
JavaScript (59.56%)
Objective-C (16.81%)
Ruby (8.86%)
Python (7.77%)
Java (7%)
Total Downloads
Cumulative downloads
Total Downloads
14,659,132
Last day
26%
31,538
Compared to previous day
Last week
42.4%
155,489
Compared to previous week
Last month
9.8%
495,651
Compared to previous month
Last year
90.2%
5,326,304
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
2
Dev Dependencies
3
Versions
react-native-material-ripple
Base component for touchable elements
Features
- Easy to use
- Configurable
- Consistent look and feel on iOS and Android
- Can be used as drop-in replacement for TouchableWithoutFeedback
- Pure javascript implementation
- RTL Support
Installation
1npm install --save react-native-material-ripple
Usage
1import React, { Component } from 'react'; 2import { Text } from 'react-native'; 3import Ripple from 'react-native-material-ripple'; 4 5class Example extends Component { 6 render() { 7 return ( 8 <Ripple> 9 <Text>touch me</Text> 10 </Ripple> 11 ); 12 } 13}
Properties
| name | description | type | default |
|---|---|---|---|
| rippleColor | Ripple color | String | rgb(0, 0, 0) |
| rippleOpacity | Ripple opacity | Number | 0.3 |
| rippleDuration | Ripple duration in ms | Number | 400 |
| rippleSize | Ripple size restriction | Number | 0 |
| rippleContainerBorderRadius | Ripple container border radius | Number | 0 |
| rippleCentered | Ripple always starts from center | Boolean | false |
| rippleSequential | Ripple should start in sequence | Boolean | false |
| rippleFades | Ripple fades out | Boolean | true |
| disabled | Ripple should ignore touches | Boolean | false |
| onPressIn | Touch moved in or started callback | Function | - |
| onPressOut | Touch moved out or terminated callback | Function | - |
| onPress | Touch up inside bounds callback | Function | - |
| onLongPress | Touch delayed after onPressIn callback | Function | - |
| onRippleAnimation | Animation start callback | Function | - |
Other TouchableWithoutFeedback properties will also work
Example
1git clone https://github.com/n4kz/react-native-material-ripple 2cd react-native-material-ripple/example 3npm install 4react-native run-ios # or run-android
Copyright and License
BSD License
Copyright 2017-2018 Alexander Nazarov. All rights reserved.
No vulnerabilities found.
Reason
0 existing vulnerabilities detected
Reason
binaries present in source code
Details
- Warn: binary detected: example/android/gradle/wrapper/gradle-wrapper.jar:1
Reason
license file detected
Details
- Info: project has a license file: license.txt:0
- Warn: project license file does not contain an FSF or OSI license.
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 2/24 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 8 are checked with a SAST tool
Score
2.9
/10
Last Scanned on 2024-11-18
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