npmpackage.info

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

Other packages similar to react-native-action-sheet

@expo/react-native-action-sheet

4.1.1

A cross-platform ActionSheet for React Native

react-native-actions-sheet

0.9.7

A Cross Platform(Android & iOS) ActionSheet with a robust and flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.

react-native-raw-bottom-sheet

3.0.0

Add Your Own Component To Bottom Sheet Whatever You Want (Android & iOS)

@exponent/react-native-action-sheet

0.3.0

A cross-platform ActionSheet for React Native

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

react-native-action-sheet - 2.2.0 | npmpackage.info

react-native-action-sheet

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

2.2.0

183

MIT

Java

233.41 kB

3,021,559 2.5

Installations

npm install react-native-action-sheet

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

11.7.0

NPM Version

6.5.0 Pull Requests

Open

12

Total

35

Closed

4

Merged

19

Issues

Open

8

Total

30

Closed

22

Releases

First Implementation

0.0.1

Updated on Oct 15, 2016

View All 1 releases

Languages

Java

Objective-C

JavaScript

Starlark

Java (41.61%)

Objective-C (30.55%)

JavaScript (14.33%)

Starlark (13.51%)

Developer

yfuks

Download Statistics

Total Downloads

3,021,559

Last Day

2,455

Last Week

15,953

Last Month

62,242

Last Year

692,781

GitHub Statistics

MIT License

183 Stars

74 Commits

52 Forks

5 Watchers

12 Branches

12 Contributors

Updated on Oct 10, 2024

Maintainers

View All 12 Contributors

Package Meta Information

Latest Version

2.2.0

Package Id

react-native-action-sheet@2.2.0

Unpacked Size

233.41 kB

Size

139.13 kB

File Count

NPM Version

6.5.0

Node Version

11.7.0

Total Downloads

Cumulative downloads

Total Downloads

3,021,559

Last Day

27.7%

2,455

Compared to previous day

Last Week

39.9%

15,953

Compared to previous week

Last Month

4.6%

62,242

Compared to previous month

Last Year

23.3%

692,781

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

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';
2import { Platform } from 'react-native';
3
4var BUTTONSiOS = [
5  'Option 0',
6  'Option 1',
7  'Option 2',
8  'Delete',
9  'Cancel'
10];
11
12var BUTTONSandroid = [
13  'Option 0',
14  'Option 1',
15  'Option 2'
16];
17
18var DESTRUCTIVE_INDEX = 3;
19var CANCEL_INDEX = 4;
20
21ActionSheet.showActionSheetWithOptions({
22  options: (Platform.OS == 'ios') ? BUTTONSiOS : BUTTONSandroid,
23  cancelButtonIndex: CANCEL_INDEX,
24  destructiveButtonIndex: DESTRUCTIVE_INDEX,
25  tintColor: 'blue'
26},
27(buttonIndex) => {
28  console.log('button clicked :', buttonIndex);
29});

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 button back is pressed the buttonIndex value is 'undefined'

options

option	iOS	Android	Info
options	OK	OK	(array of strings) - a list of button titles (required on iOS)
cancelButtonIndex	OK	-	(int) - index of cancel button in options (useless in android since we have back button)
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

71 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
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-v6h2-p8h4-qcjw
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
Warn: Project is vulnerable to: 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 2025-07-07

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

Other packages similar to react-native-action-sheet

Other packages similar to react-native-action-sheet

react-native-action-sheet

Installations

Developer Guide

No

CommonJS

11.7.0

6.5.0

Pull Requests

12

35

4

19

Issues

8

30

22

Releases

Languages

Developer

yfuks

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

3,021,559

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