Another Vue of NativeScript Webinar is now on YouTube
PromptDialog

This is an overview of the most common usage of PromptDialog. For more information about the available properties, methods, or events, head over to the complete API documentation for PromptDialog.

El método prompt() muestra en pantalla un diálogo que permite al usuario ingresar información en un campo de texto.

Este método forma parte del módulo de dialogs.


Uso básico

El método prompt() esta disponible de forma global. Puedes llamar a este método en cualquier lugar de tu aplicación.

prompt('Your message to the user', 'Suggested user input')
.then(result => {
  console.log(`Dialog result: ${result.result}, text: ${result.text}`)
})
prompt({
  title: 'Your dialog title',
  message: 'Your message',
  okButtonText: 'Your OK button text',
  cancelButtonText: 'Your Cancel button text',
  defaultText: 'Suggested user input',
}).then(result => {
  console.log(`Dialog result: ${result.result}, text: ${result.text}`)
});

Configurar el tipo de campo

También puedes configurar que tipo de campo deseas mostrar usando la propiedad inputType. Puedes optar por texto plano (text) que es el valor por defecto, input para correo electrónico (email) y input que oculta el texto para constraseñas (password).

inputType: dialogs.inputType.text
inputType: dialogs.inputType.email
inputType: dialogs.inputType.password

NOTA: Esta opción no esta disponible de forma global, por lo tanto debes importar el módulo dialogs antes de poder usar inputType.

const dialogs = require('tns-core-modules/ui/dialogs')

Ejemplo

const dialogs = require('tns-core-modules/ui/dialogs')

prompt({
  title: 'Email Prompt',
  message: 'Provide your email address:',
  okButtonText: 'OK',
  cancelButtonText: 'Cancel',
  defaultText: '[email protected]',
  inputType: dialogs.inputType.email
})
.then(result => {
  console.log(`Dialog result: ${result.result}, text: ${result.text}`)
});
Contributors