email_textfield 0.0.1

A customizable Flutter email text field with validation, styles, and configurable borders.

example/lib/main.dart

import 'package:email_textfield/email_textfield.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const ExampleApp());
}

class ExampleApp extends StatelessWidget {
  const ExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    final emailController = TextEditingController();

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
            title: const Text("EmailTextField Example")),
        body: Padding(
          padding: const EdgeInsets.all(16),
          child: Form(
            child: Column(
              children: [
                EmailTextField(
                  controller: emailController,
                  label: "Email Address",
                  hint: "[e-mail]",

                  // Custom styles to demonstrate usage
                  borderRadius: 10,
                  borderColor: Colors.grey,
                  focusedBorderColor: Colors.blue,
                  errorBorderColor: Colors.redAccent,

                  labelStyle: const TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w600),
                  hintStyle:
                      const TextStyle(color: Colors.grey),
                  errorStyle: const TextStyle(
                      color: Colors.red, fontSize: 12),
                ),
                const SizedBox(height: 20),
                ElevatedButton(
                  onPressed: () {
                    final email = emailController.text;
                    ScaffoldMessenger.of(context)
                        .showSnackBar(
                      SnackBar(
                          content: Text(
                              "Entered Email: $email")),
                    );
                  },
                  child: const Text("Submit"),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}