🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The React Native component shows an Android modal dialog with a list of choices displayed using an android.widget.NumberPicker.

Modal_Popup React Native

Documentation

react-native-numberpicker-dialog

Show an Android modal dialog with a list of choices displayed using a android.widget.NumberPicker.

Android modal dialog with a list of choices displayed using a android.widget.NumberPicker

This is only for Android. There is the built-in React Native Picker component for iOS. It works for Android too, but display a dialog (or dropdown) with a long list of choices that can be confusing.

Setup

Install the package with React Native:

react-native install react-native-numberpicker-dialog 

Usage example

import NumberPickerDialog from 'react-native-numberpicker-dialog';  NumberPickerDialog.show({   values: ['First item', 'Second item', 'Third item'],   positiveButtonLabel: 'Ok',   negativeButtonLabel: 'Cancel',   message: 'What would you like to have?',   title: 'Nice dialog', }).then((id) => {   // id is the index of the chosen item, or -1 if the user cancelled. });

Other open-source modules by the folks at BAM


You May Also Like