¿Cómo tomar la fecha de nacimiento del usuario manualmente en Flutter?

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 

  1. Tome DOB manualmente.
  2. Validación automática.
  3. Longitud de carácter fijo.
  4. Teclado de entrada de tipo de fecha.
  5. 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",
          ),
        ),
      ),
    );
  }
}

Producción

Publicación traducida automáticamente

Artículo escrito por ms471841 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *