npmpackage.info

react-native-animated-gallery-view

Beautiful gallery style view for React Native

1.0.0

MIT

TypeScript

836.00 B

588 1.6

Installations

npm install react-native-animated-gallery-view

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

13.3.0

NPM Version

6.13.7 Score

29.7

Supply Chain

Quality

65.1

Maintenance

Vulnerability

93.8

License

Pull Requests

Open

30

Total

31

Closed

1

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View All 1 Contributors

Languages

TypeScript

Java

Ruby

Objective-C

JavaScript

Kotlin

Swift

TypeScript (28.18%)

Java (26.23%)

Ruby (17.34%)

Objective-C (15.62%)

JavaScript (6.13%)

Kotlin (5.78%)

C (0.42%)

Swift (0.29%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

farfarawaylabs

Download Statistics

Total Downloads

588

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

1 Stars

3 Commits

1 Forks

2 Watchers

31 Branches

1 Contributors

Updated on Mar 16, 2021

Bundle Size

1.82 kB

Minified

836.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.0

Package Id

react-native-animated-gallery-view@1.0.0

Unpacked Size

57.93 kB

Size

13.83 kB

File Count

NPM Version

6.13.7

Node Version

13.3.0

Total Downloads

Cumulative downloads

Total Downloads

588

Last Day

-50%

Compared to previous day

Last Week

-50%

Compared to previous week

Last Month

116.7%

Compared to previous month

Last Year

-37.4%

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-native-animated-gallery-view

Beautiful animated gallery style view for React Native.

This library uses react-native-reanimated library as a dependency to create animations that are super performant and run totally on the native thread.

Follow the installation instructions here: https://github.com/software-mansion/react-native-reanimated

Installation

1
2npm install react-native-animated-gallery-view

Usage

Gallery view can get any views as items (passed as children). Set a reg to the GalleryView instance in order to access and use the provided method setLayout which allows you to transition between different gallery layouts (see code example below)

1import React, { useRef } from 'react';
2import { StyleSheet, View, Button } from 'react-native';
3import {
4  GalleryView,
5  GalleryLayout,
6  GalleryViewProps,
7} from 'react-native-animated-gallery-view';
8
9export default function App() {
10  const gallery = useRef<GalleryViewProps>(null);
11
12  return (
13    <View style={styles.container}>
14      <Button
15        title="Column"
16        onPress={() => gallery.current!.setLayout(GalleryLayout.Column)}
17      />
18      <Button
19        title="Column Wrap"
20        onPress={() => gallery.current!.setLayout(GalleryLayout.ColumnWrap)}
21      />
22      <Button
23        title="Row"
24        onPress={() => gallery.current!.setLayout(GalleryLayout.Row)}
25      />
26      <Button
27        title="Row Wrap"
28        onPress={() => gallery.current!.setLayout(GalleryLayout.RowWrap)}
29      />
30
31      <GalleryView
32        layout={GalleryLayout.Column}
33        ref={gallery}
34        spacing={10}
35        columnLayoutStyle={{ justifyContent: 'space-around' }}
36      >
37        <View style={{ backgroundColor: 'red', height: 100, width: 100 }} />
38        <View style={{ backgroundColor: 'blue', height: 100, width: 100 }} />
39        <View style={{ backgroundColor: 'black', height: 100, width: 100 }} />
40        <View style={{ backgroundColor: 'pink', height: 100, width: 100 }} />
41        <View style={{ backgroundColor: 'brown', height: 100, width: 100 }} />
42        <View style={{ backgroundColor: 'green', height: 100, width: 100 }} />
43      </GalleryView>
44    </View>
45  );
46}
47
48const styles = StyleSheet.create({
49  container: {
50    flex: 1,
51
52    justifyContent: 'center',
53    marginTop: 100,
54  },
55});

License

MIT

No vulnerabilities found.

10

License

Determines if the project has defined a license.

9

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

80 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-f5x2-xv93-4p23
Warn: Project is vulnerable to: GHSA-gmpm-xp43-f7g6
Warn: Project is vulnerable to: GHSA-pf27-929j-9pmm
Warn: Project is vulnerable to: GHSA-327c-qx3v-h673
Warn: Project is vulnerable to: GHSA-x4cf-6jr3-3qvp
Warn: Project is vulnerable to: GHSA-mph8-6787-r8hw
Warn: Project is vulnerable to: GHSA-7mhc-prgv-r3q4
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-v8v8-6859-qxm4
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-w7rc-rwvf-8q5r
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-4cpg-3vgw-4877
Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx
Warn: Project is vulnerable to: GHSA-7f53-fmmv-mfjv
Warn: Project is vulnerable to: GHSA-2j79-8pqc-r7x6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-gff7-g5r8-mg8m
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v
Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-h6q6-9hqw-rwfv
Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q
Warn: Project is vulnerable to: GHSA-crh6-fp67-6883
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
Warn: Project is vulnerable to: GHSA-2j2x-2gpw-g8fm
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-px4h-xg32-q955
Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653
Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj
Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67
Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w
Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7

Score

1.6

/10

Last Scanned on 2025-02-10

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

react-native-animated-gallery-view

Installations

Developer Guide

Yes

CommonJS

13.3.0

6.13.7

Score

Pull Requests

30

31

1

Issues

0

0

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

Developer

farfarawaylabs

Download Statistics

GitHub Statistics

Bundle Size

1.82 kB

836.00 B

Maintainers

Package Meta Information

Total Downloads

588

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-native-animated-gallery-view

Installation

Usage

License

10

9

0

0

0

0

0

0

0

0

1.6

/10