import 'package:flutter/material.dart';
import 'package:animated_login/animated_login.dart';
class loginscreen extends statelesswidget {
  const loginscreen({key? key}) : super(key: key);

  /// simulates the multilanguage, you will implement your own logic.
  /// according to the current language, you can display a text message
  /// with the help of [logintexts] class.
  final string langcode = 'en';

  @override
  widget build(buildcontext context) {
    return animatedlogin(
      onlogin: onlogin,
      onsignup: onsignup,
      onforgotpassword: onforgotpassword,
      formwidthratio: 60,
      logo: 'images/logo.gif',
      // backgroundimage: 'images/background_image.jpg',
      signupmode: signupmodes.both,
      logintheme: _logintheme,
      logintexts: _logintexts,
    );
  }

  /// you can adjust the colors, text styles, button styles, borders
  /// according to your design preferences.
  /// you can also set some additional display options such as [showlabeltexts].
  logintheme get _logintheme => logintheme(
        // showlabeltexts: false,
        backgroundcolor: colors.blue, // const color(0xff6666ff),
        formfieldbackgroundcolor: colors.white,
        changeactiontextstyle: const textstyle(color: colors.white),
      );

  logintexts get _logintexts => logintexts(
        namehint: _username,
        login: _login,
        signup: _signup,
      );

  /// you can adjust the texts in the screen according to the current language
  /// with the help of [logintexts], you can create a multilanguage scren.
  string get _username => langcode == 'tr' ? 'kullanıcı adı' : 'username';
  string get _login => langcode == 'tr' ? 'giriş yap' : 'login';
  string get _signup => langcode == 'tr' ? 'kayıt ol' : 'sign up';

  /// login action that will be performed on click to action button in login mode.
  future<string?> onlogin(logindata logindata) async {
    await future.delayed(const duration(seconds: 2));
    print('successfully logged in.');
    return null;
  }

  /// sign up action that will be performed on click to action button in sign up mode.
  future<string?> onsignup(signupdata logindata) async {
    await future.delayed(const duration(seconds: 2));
    print('successfully signed up.');
    return null;
  }

  /// action that will be performed on click to "forgot password?" text/cta.
  /// probably you will navigate user to a page to create a new password after the verification.
  future<string?> onforgotpassword(string email) async {
    await future.delayed(const duration(seconds: 2));
    print('successfully navigated.');
    return null;
  }
}

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

class loginscreen extends statelesswidget {
  const loginscreen({key? key}) : super(key: key);

  /// simulates the multilanguage, you will implement your own logic.
  /// according to the current language, you can display a text message
  /// with the help of [logintexts] class.
  final string langcode = 'en';

  @override
  widget build(buildcontext context) {
    return animatedlogin(
      onlogin: onlogin,
      onsignup: onsignup,
      onforgotpassword: onforgotpassword,
      formwidthratio: 60,
      logo: 'images/logo.gif',
      // backgroundimage: 'images/background_image.jpg',
      signupmode: signupmodes.both,
      sociallogins: _sociallogins,
      logintheme: _logintheme,
      logintexts: _logintexts,
    );
  }

  /// you can adjust the colors, text styles, button styles, borders
  /// according to your design preferences.
  /// you can also set some additional display options such as [showlabeltexts].
  logintheme get _logintheme => logintheme(
        // showlabeltexts: false,
        backgroundcolor: colors.blue, // const color(0xff6666ff),
        formfieldbackgroundcolor: colors.white,
        changeactiontextstyle: const textstyle(color: colors.white),
      );

  logintexts get _logintexts => logintexts(
        namehint: _username,
        login: _login,
        signup: _signup,
      );

  /// you can adjust the texts in the screen according to the current language
  /// with the help of [logintexts], you can create a multilanguage scren.
  string get _username => langcode == 'tr' ? 'kullanıcı adı' : 'username';
  string get _login => langcode == 'tr' ? 'giriş yap' : 'login';
  string get _signup => langcode == 'tr' ? 'kayıt ol' : 'sign up';

  /// social login options, you should provide callback function and icon path.
  /// icon paths should be the full path in the assets
  /// don't forget to also add the icon folder to the "pubspec.yaml" file.
  list<sociallogin> get _sociallogins => <sociallogin>[
        sociallogin(
            callback: () async => sociallogin('google'),
            iconpath: 'images/google.png'),
        sociallogin(
            callback: () async => sociallogin('facebook'),
            iconpath: 'images/facebook.png'),
        sociallogin(
            callback: () async => sociallogin('linkedin'),
            iconpath: 'images/linkedin.png'),
      ];

  /// login action that will be performed on click to action button in login mode.
  future<string?> onlogin(logindata logindata) async {
    await future.delayed(const duration(seconds: 2));
    print("""
    successfully logged in.n
    email: ${logindata.email}n
    password: ${logindata.password}""");
    return null;
  }

  /// sign up action that will be performed on click to action button in sign up mode.
  future<string?> onsignup(signupdata signupdata) async {
    await future.delayed(const duration(seconds: 2));
    print("""
    successfully signed up.n
    username: ${signupdata.name}n
    email: ${signupdata.email}n
    password: ${signupdata.password}n
    confirm password: ${signupdata.confirmpassword}""");
    return null;
  }

  /// action that will be performed on click to "forgot password?" text/cta.
  /// probably you will navigate user to a page to create a new password after the verification.
  future<string?> onforgotpassword(string email) async {
    await future.delayed(const duration(seconds: 2));
    print('successfully navigated. email is $email');
    return null;
  }

  /// social login callback example.
  future<string?> sociallogin(string type) async {
    await future.delayed(const duration(seconds: 2));
    print('successfully logged in with $type.');
    return null;
  }
}