El paquete dob_input_field lo ayuda a tomar la fecha de nacimiento del usuario manualmente. Este paquete valida la fecha de nacimiento ingresada por el usuario automáticamente, es decir, validación automática. Muchas aplicaciones necesitan ingresar la fecha de nacimiento del usuario y luego validar explícitamente los datos, lo cual es complicado. Pero el paquete dob_input_field en Flutter supera esta complicada tarea de una manera fácil.
Propiedades
- Tome DOB manualmente.
- Validación automática.
- Longitud de carácter fijo.
- Teclado de entrada de tipo de fecha.
- Decoración preferida por el usuario.
Instalando
Agregue la dependencia en el archivo pubspec.yaml.
dob_input_field: ^1.0.0
Sintaxis de uso
Sin Etiqueta y sin validación.
Dart
DOBInputField( firstDate: DateTime(1900), lastDate:DateTime.now() , autovalidateMode: AutovalidateMode.disabled, ),
Sin Etiqueta y sin validación.
Dart
DOBInputField( firstDate: DateTime(1900), lastDate:DateTime.now() , ),
Con Etiqueta y validación automática.
Dart
DOBInputField( firstDate: DateTime(1900), lastDate:DateTime.now() , showLabel: true, autovalidateMode: AutovalidateMode.always, fieldLabelText: "With label", ),
Nota : las propiedades firstDate y lastDate son propiedades obligatorias.
Ejemplo de código
Dart
import 'package:dob_input_field/dob_input_field.dart'; import 'package:flutter/material.dart'; void main() { runApp(DobInputField()); } class DobInputField extends StatelessWidget { const DobInputField({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, theme: ThemeData(primarySwatch: Colors.teal), home: Scaffold( appBar: AppBar( title: const Text("DOB input field"), ), body: Container( padding: const EdgeInsets.symmetric(vertical: 50, horizontal: 20), child: DOBInputField( firstDate: DateTime(1900), lastDate: DateTime.now(), showLabel: true, showCursor: true, autovalidateMode: AutovalidateMode.always, fieldLabelText: "With label", ), ), ), ); } }