Nodeschool Public Materials
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

react-native-numberpicker-dialog

0.0.1 • Public • Published

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

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

Keywords

none

install

npm i react-native-numberpicker-dialog

Downloadsweekly downloads

6

version

0.0.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability