Skip to content

Show a dialog on Android, allowing to choose an option using NumberPicker

License

Notifications You must be signed in to change notification settings

bamlab/react-native-numberpicker-dialog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Show a dialog on Android, allowing to choose an option using NumberPicker

Resources

License

Stars

Watchers

Forks

Packages

No packages published