good_login 是一个用于 Flutter 的登录界面插件，它提供了一个预构建的登录界面，可以帮助开发者快速实现用户登录功能。以下是如何使用 good_login 插件的步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 good_login 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  good_login: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在你的 Dart 文件中导入 good_login 包：

import 'package:good_login/good_login.dart';

3. 使用 GoodLogin 组件

GoodLogin 组件提供了一个完整的登录界面，你可以直接在你的应用中使用它。以下是一个简单的示例：

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Good Login Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: LoginScreen(),
    );
  }
}

class LoginScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Login'),
      ),
      body: GoodLogin(
        onLogin: (String email, String password) {
          // 处理登录逻辑
          print('Email: $email, Password: $password');
          // 你可以在这里调用你的登录API
        },
        onForgotPassword: () {
          // 处理忘记密码逻辑
          print('Forgot Password clicked');
        },
        onSignUp: () {
          // 处理注册逻辑
          print('Sign Up clicked');
        },
      ),
    );
  }
}

4. 自定义 GoodLogin

GoodLogin 组件提供了一些可选的参数，允许你自定义登录界面的外观和行为。以下是一些常用的参数：

• logo: 自定义登录界面的 logo。
• backgroundColor: 设置背景颜色。
• buttonColor: 设置登录按钮的颜色。
• textColor: 设置文本颜色。
• hintTextColor: 设置输入框提示文本的颜色。
• inputBorderColor: 设置输入框边框的颜色。
• onLogin: 登录按钮点击时的回调函数。
• onForgotPassword: 忘记密码链接点击时的回调函数。
• onSignUp: 注册链接点击时的回调函数。

例如，你可以这样自定义 GoodLogin：

GoodLogin(
  logo: FlutterLogo(size: 100),
  backgroundColor: Colors.white,
  buttonColor: Colors.blue,
  textColor: Colors.black,
  hintTextColor: Colors.grey,
  inputBorderColor: Colors.blue,
  onLogin: (String email, String password) {
    print('Email: $email, Password: $password');
  },
  onForgotPassword: () {
    print('Forgot Password clicked');
  },
  onSignUp: () {
    print('Sign Up clicked');
  },
)

5. 处理登录逻辑

在 onLogin 回调中，你可以处理用户的登录逻辑。例如，你可以调用一个 API 来验证用户的凭据，并根据结果导航到不同的页面。

onLogin: (String email, String password) async {
  // 调用登录API
  bool isLoggedIn = await loginApi(email, password);
  if (isLoggedIn) {
    Navigator.pushReplacement(
      context,
      MaterialPageRoute(builder: (context) => HomeScreen()),
    );
  } else {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('Login failed')),
    );
  }
},

6. 处理忘记密码和注册

你可以在 onForgotPassword 和 onSignUp 回调中处理忘记密码和注册的逻辑。例如，导航到忘记密码页面或注册页面。

onForgotPassword: () {
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => ForgotPasswordScreen()),
  );
},
onSignUp: () {
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => SignUpScreen()),
  );
},

7. 运行应用

完成上述步骤后，你可以运行你的 Flutter 应用，并查看 GoodLogin 组件的效果。

flutter run