Package Health Score

59 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Active

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
0.0.3	\|	09/2022	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (0)

GitHub Stars: 488
Forks: 53
Contributors: 20

Direct Usage Popularity

The npm package react-native-before-after receives a total of 0 downloads a week. As such, we scored react-native-before-after popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package react-native-before-after, we found that it has been starred 488 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: No
Contributors: 20
Funding: No

With more than 10 contributors for the react-native-before-after repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like react-native-before-after is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 11
Open PR: 1
Last Release: 2 years ago
Last Commit: 2 months ago

Further analysis of the maintenance status of react-native-before-after based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for react-native-before-after is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 2 years
Dependencies: 3 Direct
Versions: 4
Install Size: 482 kB
Dist-tags: 1
# of Files: 164
Maintainers: 1
TS Typings: No

react-native-before-after has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

React Native Awesome Gallery

Photos gallery powered by Reanimated v2 and react-native-gesture-handler

Basic usage	With toolbar	Loop

Supported features

Zoom to scale
Double tap to scale
Native iOS feeling (rubber effect, decay animation on pan gesture)
RTL support
Fully customizable
Both orientations (portrait + landscape)
Infinite list
Supports both iOS and Android.

Installation

> Note: Starting from v0.3.0 using Gesture Handler v2 is required

First you have to follow installation instructions of Reanimated v2 and react-native-gesture-handler

yarn add react-native-awesome-gallery

Expo is supported since SDK 40. More information here

Usage

Check out an example folder for example with Shared transition + FastImage

import Gallery from 'react-native-awesome-gallery';

// ...

const images = ['https://image1', 'https://image2'];

return (
   {
      console.log(newIndex);
    }}
  /&gt;
);

Props

Prop	Description	Type	Default
data	Array of items to render	`T[]`	`undefined`
renderItem?	Callback func which can be used to render custom image component, e.g `FastImage`. NOTE: You have to call `setImageDimensions({width, height})` parameter after image is loaded	`(renderItemInfo: {item: T, index: number, setImageDimensions: Function}) => React.ReactElement`	`undefined`
keyExtractor?	Callback func which provides unique keys for items	`(item: T, index: number) => string or number`	Takes `id` or `key` or `_id` from `Item`, otherwise puts `Item` as key
initialIndex?	The initial image index	`number`	`0`
onIndexChange?	Is called when index of active item is changed	`(newIndex: number) => void`	`undefined`
numToRender?	Amount of items rendered in gallery simultaneously	`number`	`5`
emptySpaceWidth?	Width of empty space between items	`number`	`30`
doubleTapScale?	Image scale when double tap is fired	`number`	`3`
doubleTapInterval?	Time in milliseconds between single and double tap events	`number`	`500`
maxScale?	Maximum scale user can set with gesture	`number`	`6`
pinchEnabled?	Is pinch gesture enabled	`boolean`	`true`
disableTransitionOnScaledImage?	Disables transition to next/previous image when scale > 1	`boolean`	`false`
hideAdjacentImagesOnScaledImage?	Hides next and previous images when scale > 1	`boolean`	`false`
disableVerticalSwipe?	Disables vertical swipe when scale == 1	`boolean`	`false`
disableSwipeUp?	Disables swipe up when scale == 1	`boolean`	`false`
loop?	Allows user to swipe infinitely. Works when `data.length > 1`	`boolean`	`false`
onScaleChange?	Is called when scale is changed	`(scale: number) => void`	`undefined`
onScaleChangeRange?	Shows range of scale in which `onScaleChange` is called	`{start: number, end: number}`	`undefined`
containerDimensions?	Dimensions object for the View that wraps gallery.	`{width: number, height: number}`	value returned from `useWindowDimensions()` hook.
style?	Style of container	`ViewStyle`	`undefined`

Events

Prop	Description	Type
onSwipeToClose	Fired when user swiped to top/bottom	`Function`
onTap	Fired when user tap on image	`Function`
onDoubleTap	Fired when user double tap on image	`Function`
onLongPress	Fired when long press is detected	`Function`
onScaleStart	Fired when pinch gesture starts	`Function`
onScaleEnd(scale: number)	Fired when pinch gesture ends. Use case: add haptic feedback when user finished gesture with `scale > maxScale` or `scale < 1`	`Function`
onPanStart	Fired when pan gesture starts	`Function`

Methods

import Gallery, { GalleryRef } from 'react-native-awesome-gallery';

// ...

const ref = useRef(null);

Prop	Description	Type
setIndex	Sets active index	`(newIndex: number) => void`
reset	Resets scale, translation	`(animated?: boolean) => void`

Supporting

If you want to support the library, you can buy me a coffee.

License

MIT

react-native-before-after dependencies

react-native-redash react-native-photo-manipulator react-native-face-detection

FAQs

What is react-native-before-after?

Awesome gallery with Reanimated v2. Visit Snyk Advisor to see a full health score report for react-native-before-after, including popularity, security, maintenance & community analysis.

Is react-native-before-after popular?

We’re still processing downloads data for the npm package react-native-before-after. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is react-native-before-after well maintained?

We found indications that react-native-before-after is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is react-native-before-after safe to use?

The npm package react-native-before-after was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 18 November-2024, at 08:05 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (0)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

React Native Awesome Gallery

Photos gallery powered by Reanimated v2 and react-native-gesture-handler

Basic usage

With toolbar

Loop

Supported features

Installation

Usage

Props

Events

Methods

Supporting

License

react-native-before-after dependencies

react-native-before-after development dependencies

FAQs

What is react-native-before-after?

Is react-native-before-after popular?

Is react-native-before-after well maintained?

Is react-native-before-after safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues