xapptor_auth 0.0.3

Authentication Module to develop fast and easy Login, Register, Restore Password, and Edit Account Screens. Using Firebase Auth and Firestore.

Xapptor Auth

Authentication Module to develop fast and easy Login, Register, Restore Password, and Edit Account Screens. Using Firebase Auth and Firestore.

Let's get started

1 - Depend on it

Add it to your package's pubspec.yaml file

dependencies:
    xapptor_auth: ^0.0.2

2 - Install it

Install packages from the command line

flutter pub get

3 - Learn it like a charm

Login Example

UserInfoView(
    text_list: [
        "Email",
        "Password",
        "Remember me",
        "Log In",
        "Recover password",
        "Register",
    ],
    tc_and_pp_text: RichText(text: TextSpan()),
    gender_values: [],
    country_values: [],
    text_color: Colors.blue,
    first_button_color: Colors.white,
    second_button_color: Colors.white,
    third_button_color: Colors.white,
    logo_image_path: "your_image_path",
    has_language_picker: false,
    topbar_color: Colors.blue,
    custom_background: null,
    user_info_form_type: UserInfoFormType.login,
    outline_border: true,
    first_button_action: null,
    second_button_action: open_forgot_password,
    third_button_action: open_register,
    has_back_button: true,
    text_field_background_color: null,
);

Register Example

UserInfoView(
    text_list: [
        "Email",
        "Confirm Email",
        "Password",
        "Confirm password",
        "First name",
        "Last name",
        "Birthday",
        "Register",
    ],
    tc_and_pp_text: RichText(
        text: TextSpan(
            children: [
                TextSpan(
                    text: 'I accept the ',
                    style: TextStyle(
                    color: color_abeinstitute_text,
                    ),
                ),
                TextSpan(
                    text: 'privacy policies.',
                    style: TextStyle(
                    color: color_abeinstitute_text,
                    fontWeight: FontWeight.bold,
                    ),
                    recognizer: TapGestureRecognizer()
                    ..onTap = () {
                        launch("https://www.domain.com/#/privacy_policy");
                    },
                ),
            ],
        ),
    ),
    gender_values: gender_values_english = [
        'Masculine',
        'Femenine',
        'Non-binary',
        'Rather not say',
    ],
    country_values: [
        'United States',
        'Mexico',
        'Canada',
        'Brazil',
    ],
    text_color: Colors.blue,
    first_button_color: Colors.white,
    second_button_color: Colors.white,
    third_button_color: Colors.white,
    logo_image_path: "your_image_path",
    has_language_picker: false,
    topbar_color: Colors.blue,
    custom_background: null,
    user_info_form_type: UserInfoFormType.register,
    outline_border: true,
    first_button_action: null,
    second_button_action: null,
    third_button_action: null,
    has_back_button: true,
    text_field_background_color: null,
);

Restore Password Example

UserInfoView(
    text_list: [
        "Enter your email",
        "Email",
        "Restore your password",
    ],
    tc_and_pp_text: RichText(text: TextSpan()),
    gender_values: [],
    country_values: [],
    text_color: Colors.blue,
    first_button_color: Colors.white,
    second_button_color: Colors.white,
    third_button_color: Colors.white,
    logo_image_path: "your_image_path",
    has_language_picker: false,
    topbar_color: Colors.blue,
    custom_background: null,
    user_info_form_type: UserInfoFormType.forgot_password,
    outline_border: true,
    first_button_action: null,
    second_button_action: null,
    third_button_action: null,
    has_back_button: true,
    text_field_background_color: null,
);

Edit Account Example

UserInfoView(
    text_list: [
        "Email",
        "Confirm Email",
        "Password",
        "Confirm password",
        "First name",
        "Last name",
        "Birthday",
        "Update",
    ],
    tc_and_pp_text: RichText(text: TextSpan()),
    gender_values: gender_values_english = [
        'Masculine',
        'Femenine',
        'Non-binary',
        'Rather not say',
    ],
    country_values: [
        'United States',
        'Mexico',
        'Canada',
        'Brazil',
    ],
    text_color: Colors.blue,
    first_button_color: Colors.white,
    second_button_color: Colors.white,
    third_button_color: Colors.white,
    logo_image_path: "your_image_path",
    has_language_picker: false,
    topbar_color: Colors.blue,
    custom_background: null,
    user_info_form_type: UserInfoFormType.edit_account,
    outline_border: true,
    first_button_action: null,
    second_button_action: null,
    third_button_action: null,
    has_back_button: true,
    text_field_background_color: null,
);

4 - Check Abeinstitute Repo for more examples

Abeinstitute Repo

Abeinstitute

5 - Live Examples

Login

Abeinstitute Login Lum Login

Register

Abeinstitute Register Lum Register

Restore Password

Abeinstitute Restore Password Lum Restore Password