Flutter用户登录插件getlogin的使用

关于 getlogin #

getlogin 是一个可自定义的登录屏幕包。它支持普通登录、Google 登录、Facebook 登录和 Apple 登录。

特性 #

自定义登录屏幕 支持普通登录 支持 Google 登录 支持 Facebook 登录 支持 Apple 登录 自定义 AppBar 自定义登录方向 自定义按钮 自定义输入字段

开始使用 #

在 `pubspec.yaml` 文件中添加 getlogin： 
dependencies:
  getlogin: <version-here>

在需要使用的文件中导入 getlogin：

import 'package:getlogin/getlogin.dart';

用法 #

```dart LoginScreen({ // 提供自定义 AppBar，否则将使用默认值 AppBar? appBar,

// 提供自定义 BodyColor，否则将使用默认值白色 Color? bodyColor,

// 提供自定义登录头或使用默认的 App 名称 // 这里可以传递带有 Logo 和标题的 Widget Widget? loginHeader,

// 提供自定义的 TextInputField 或使用默认值 TextFormField? inputField1, TextFormField? inputField2,

// 提供自定义的控制器并分配它们，这将返回响应 TextEditingController? loginInputField1Controller, TextEditingController? loginInputField2Controller,

// 自定义登录按钮或使用默认按钮 Widget? loginButton, Widget? googleLoginButton, Widget? facebookLoginButton, Widget? appleLoginButton,

// 自定义注册文本或使用默认值 Widget? signUp,

// 传递所需的登录方法，如 [LoginMethods.GOOGLE, LoginMethods.FACEBOOK] // 默认为普通登录方法 List<LoginMethods>? loginMethods,

// 输入字段更改监听器，用于两个字段 void Function(String)? onloginInputField1Change, void Function(String)? onloginInputField2Change,

// 登录方法方向为 VERTICAL_DEFAULT, VERTICAL_CUSTOM, HORIZONTAL // 水平按钮将是圆形按钮 LoginMethodsOrientation? loginMethodsOrientation = LoginMethodsOrientation.VERTICAL_DEFAULT,

// 注册回调 void Function()? signUpCallback,

// 普通登录回调，包含 inputField1 和 inputField2 的文本 void Function(String, String)? onLoginButtonClick,

// Google 登录回调，包含 loginStatus, email, profilePic, firstName, lastName, error, authCode void Function(AuthResponse)? googleLoginAuthResponse,

// Facebook 登录回调，包含 loginStatus, email, profilePic, firstName, lastName, error, authCode void Function(AuthResponse)? facebookLoginAuthResponse,

// Apple 登录回调，包含 loginStatus, email, profilePic, firstName, lastName, error, authCode void Function(AuthResponse)? appleLoginAuthResponse, });


<h2 class="hash-header" id="示例">示例 <a href="#示例" class="hash-link">#</a></h2>
```dart
import 'package:flutter/material.dart';
import 'package:getlogin/getlogin.dart';

class MyLoginScreen extends StatelessWidget {
  MyLoginScreen({Key? key}) : super(key: key);

  final TextEditingController loginInputField1 = TextEditingController();
  final TextEditingController loginInputField2 = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return LoginScreen(
      loginInputField1Controller: loginInputField1,
      loginInputField2Controller: loginInputField2,
      loginMethods: const [LoginMethods.GOOGLE, LoginMethods.FACEBOOK],
      googleLoginAuthResponse: (val) {
        if (val.loginStatus == LoginStatus.SUCCESS) {
          // 处理成功登录的情况
        } else {
          // 处理登录失败的情况
        }
      },
    );
  }
}

更多关于Flutter用户登录插件getlogin的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter用户登录插件getlogin的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


getlogin 是一个用于 Flutter 应用的登录插件，它可以帮助开发者快速集成用户登录功能。以下是如何使用 getlogin 插件的基本步骤：

1. 添加依赖

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

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

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入 getlogin 插件。

import 'package:getlogin/getlogin.dart';

3. 初始化插件

在 main.dart 中初始化 getlogin 插件。

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

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

class LoginScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Login'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 调用登录方法
            GetLogin.login().then((result) {
              if (result.success) {
                // 登录成功
                print('登录成功: ${result.user}');
              } else {
                // 登录失败
                print('登录失败: ${result.errorMessage}');
              }
            });
          },
          child: Text('Login'),
        ),
      ),
    );
  }
}

4. 处理登录结果

getlogin 插件提供了 GetLoginResult 对象来返回登录结果。你可以根据 success 属性来判断登录是否成功，并通过 user 和 errorMessage 获取用户信息和错误信息。

GetLogin.login().then((result) {
  if (result.success) {
    // 登录成功
    print('登录成功: ${result.user}');
  } else {
    // 登录失败
    print('登录失败: ${result.errorMessage}');
  }
});

5. 自定义登录方式

getlogin 插件通常支持多种登录方式，如手机号登录、邮箱登录、第三方登录（如微信、QQ、Google等）。你可以根据需要进行配置。

GetLogin.login(
  method: LoginMethod.email, // 选择登录方式
  email: 'user@example.com',
  password: 'password123',
).then((result) {
  // 处理登录结果
});

6. 注销登录

如果需要注销登录，可以调用 logout 方法。

GetLogin.logout().then((success) {
  if (success) {
    print('注销成功');
  } else {
    print('注销失败');
  }
});
回到顶部