Home Mobile Email Validation using Email Validator Library

Email Validation using Email Validator Library

0

Assalamu’alaikum Sobat Uda Uni.. Gimana kabarnya? Semoga dalam keadaan sehat ya..
Kali ini kita aku akan membagikan tips agar validasi email pada Flutter agar lebih mudah, Yuk check it out!
1. Pertama tambahkan library berikut pada depedencies pubspec.yaml dan jangan lupa klik pub get ya!

  email_validator: ^2.0.1

2. Selanjutnya pada TextFormField yang akan diinputkan email, tambahkan kodingan berikut:

TextFormField(
                          controller: value.email,
                          keyboardType: TextInputType.emailAddress,
                          decoration: InputDecoration(
                            labelStyle: TextStyle(fontSize: 20),
                            hintText: "Email",
                            fillColor: Colors.white,
                            filled: true,

                            focusedBorder: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(10.0),
                              borderSide: BorderSide(
                                color: Color(0xff267ac0),
                              ),
                            ),
                            enabledBorder: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(10.0),
                              borderSide:
                                  BorderSide(color: Colors.white, width: 0),
                            ),
                            border: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(10),
                            ),

                            contentPadding: EdgeInsets.all(20),
                          ),
                          autofillHints: [AutofillHints.email],
                          validator: (email) =>
                              email != null && !EmailValidator.validate(email)
                                  ? 'Enter a valid email'
                                  : null,
                        ),

3. Dan jangan lupa untuk import library email validator pada halaman yang kita tambahkan email validator

import 'package:email_validator/email_validator.dart';

Jadi ketika user menginputkan email adress yang salah maka pada aplikasi akan tampak pesan error seperti berikut:

Gimana? terlihat lebih mudah bukan? sekian sharring hari ini, semoga bermanfaat yaa , Semangat belajar ^^