Dentro de un TextField
o TextFormField
de Flutter podemos colocar el tipo de entrada, el cual modificará el teclado que aparece cuando el usuario toca el campo de texto.
Anteriormente vimos cómo usar el input de tipo contraseña en Flutter, ahora veremos cómo hacerlo para colocar el tipo de input en numérico.
Esto es rápido. Lo único que tenemos que hacer es especificar el keyboardType en TextInputType.number.
Por ejemplo:
keyboardType: TextInputType.number,
Veamos un sencillo ejemplo de un campo de texto o mejor dicho un TextFormField. El código del mismo queda así:
TextFormField(
/*Presta atención a la siguiente línea:*/ keyboardType: TextInputType.number,
validator: (value) {
if (value.isEmpty) {
return 'Escribe el precio de compra';
}
return null;
},
controller: _precioCompra,
decoration: InputDecoration(
hintText: 'Escribe el precio de compra',
labelText: "Precio de compra",
),
),
Al probarlo, efectivamente aparece el teclado numérico:
Si te lo preguntas, estoy desarrollando una app móvil de punto de venta que consumirá la API REST que ofrece mi sistema de ventas en Laravel.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.