npmpackage.info

Gathering detailed insights and metrics for react-native-action-sheet

react-native-action-sheet

React native simple action sheet with native android (using the built-in AlertDialog)

2.2.0

183

MIT

Java

226.00 B

2,571,999 2.5

Installations

npm install react-native-action-sheet

Pull Requests

Open

12

Total

35

Closed

4

Merged

19

Issues

Open

8

Total

30

Closed

22

Releases

First Implementation

0.0.1

Published on 15 Oct 2016

View all 1 releases

Developer

yfuks

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

11.7.0

NPM Version

6.5.0 Statistics

183 Stars

74 Commits

53 Forks

5 Watching

12 Branches

12 Contributors

Updated on 10 Oct 2024

Bundle Size

307.00 B

Minified

226.00 B

Minified + Gzipped

Bundlephobia

Languages

Java (41.61%)

Objective-C (30.55%)

JavaScript (14.33%)

Starlark (13.51%)

Total Downloads

Cumulative downloads

Total Downloads

2,571,999

Last day

-35.9%

2,035

Compared to previous day

Last week

-4.4%

13,401

Compared to previous week

Last month

18.3%

60,627

Compared to previous month

Last year

18.5%

604,384

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

Versions

react-native-action-sheet

React native action sheet with native android (using the built-in AlertDialog)

This module simply return the ActionSheetIOS if the device on iOS

iOS	Android

Install
Usage
Methods

IMPORTANT ! Package name on npm is now react-native-action-sheet

Install

npm install react-native-action-sheet@latest --save react-native link react-native-action-sheet

if react native < 0.47

npm install @yfuks/react-native-action-sheet@0.0.3 --save react-native link @yfuks/react-native-action-sheet

Android

The react-native link command above should do everything you need, but if for some reason it does not work, you can replicate its effects manually by making the following changes.

1// file: android/settings.gradle
2...
3
4include ':react-native-action-sheet'
5project(':react-native-action-sheet').projectDir = new File(settingsDir, '../node_modules/react-native-action-sheet/android')

1// file: android/app/build.gradle
2...
3
4dependencies {
5    ...
6    compile project(':react-native-action-sheet')
7}

1// file: android/app/src/main/java/com/<...>/MainApplication.java
2...
3
4import com.actionsheet.ActionSheetPackage; // <-- add this import
5
6public class MainApplication extends Application implements ReactApplication {
7    @Override
8    protected List<ReactPackage> getPackages() {
9        return Arrays.<ReactPackage>asList(
10            new MainReactPackage(),
11            new ActionSheetPackage() // <-- add this line
12        );
13    }
14...
15}
16

(Optional) Style customization

You can change the style of the dialog by editing nodes_modules/react-native-action-sheet/android/src/main/res/values/style.xml

Usage

1import ActionSheet from 'react-native-action-sheet';
2
3var options = [
4  'Option 0',
5  'Option 1',
6  'Option 2',
7  'Delete',
8  'Cancel'
9];
10
11var DESTRUCTIVE_INDEX = 3;
12var CANCEL_INDEX = 4;
13
14ActionSheet.showActionSheetWithOptions({
15  options: options,
16  cancelButtonIndex: CANCEL_INDEX,
17  destructiveButtonIndex: DESTRUCTIVE_INDEX,
18  tintColor: 'blue'
19},
20(buttonIndex) => {
21  console.log('button clicked :', buttonIndex);
22});

Methods

For the iOS implementation see ActionSheetIOS

showActionSheetWithOptions (Android)

1/**
2 * Display the native action sheet
3 */
4
5static showActionSheetWithOptions(options, callback);

@note: on Android in case of a touch outside the ActionSheet or the hardware back button is pressed the buttonIndex value is cancelButtonIndex or 'undefined'

options

option	iOS	Android	Info
options	OK	OK	(array of strings) - a list of button titles (required on iOS)
cancelButtonIndex	OK	Ok	(int) - index of cancel button in options
destructiveButtonIndex	OK	-	(int) - index of destructive button in options (same as above)
title	OK	OK	(string) - a title to show above the action sheet
message	OK	-	(string) - a message to show below the title
tintColor	OK	-	(string) - a color to set to the text (defined by processColor)

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.

7

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

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

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

68 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2
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-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
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-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3
Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-4cpg-3vgw-4877
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
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-4g88-fppr-53pp
Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-gff7-g5r8-mg8m
Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
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-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
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

Score

2.5

/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

react-native-action-sheet

Installations

Pull Requests

12

35

4

19

Issues

8

30

22

Releases

Developer

yfuks

Developer Guide

CommonJS

No

11.7.0

6.5.0

Statistics

Bundle Size

307.00 B

226.00 B

Languages

Total Downloads

2,571,999

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-native-action-sheet

Table of contents

IMPORTANT ! Package name on npm is now react-native-action-sheet

Install

if react native < 0.47

Android

(Optional) Style customization

Usage

Methods

showActionSheetWithOptions (Android)

options

10

9

7

0

0

0

0

0

0

0

2.5

/10