Flutter苹果账号登录插件sign_in_apple的使用

使用

sign_in_apple 插件用于在 Flutter 应用中实现苹果账号登录。首先，请确保在项目的 Info.plist 文件中设置 io.flutter.embedded_views_preview = true。

回调函数

SignInApple.handleAppleSignInCallBack(onCompleteWithSignIn: (String name,
        String mail,
        String userIdentifier,
        String authorizationCode,
        String identifyToken) async {
      print("flutter receiveCode: \n");
      print(authorizationCode);
      print("flutter receiveToken \n");
      print(identifyToken);
      setState(() {
        _name = name;
        _mail = mail;
        _userIdentify = userIdentifier;
        _authorizationCode = authorizationCode;
      });
    }, onCompleteWithError: (AppleSignInErrorCode code) async {
      var errorMsg = "unknown";
      switch (code) {
        case AppleSignInErrorCode.canceled:
          errorMsg = "用户取消了请求";
          break;
        case AppleSignInErrorCode.failed:
          errorMsg = "请求失败";
          break;
        case AppleSignInErrorCode.invalidResponse:
          errorMsg = "请求无效响应";
          break;
        case AppleSignInErrorCode.notHandled:
          errorMsg = "请求未处理";
          break;
        case AppleSignInErrorCode.unknown:
          errorMsg = "未知错误";
          break;
      }
      print(errorMsg);
    });

自定义UI

手势检测器

GestureDetector(
  onTap: () {
    SignInApple.clickAppleSignIn();
  },
  child: Container(
    width: 56,
    height: 56,
    child: Image.asset(
      "images/apple_logo.png",
      width: 56,
      height: 56,
    ),
  ),
),

系统按钮

AppleSignInSystemButton(
  width: 250,
  height: 50,
  buttonStyle: AppleSignInSystemButtonStyle.black,
),

开始使用

本项目是一个 Flutter 插件包，包含 Android 和/或 iOS 平台特定的实现代码。

对于 Flutter 的入门帮助，可以查看官方文档，里面有教程、示例、移动开发指南以及完整的 API 参考。

完整示例代码

以下是 main.dart 文件的完整示例代码：

import 'package:flutter/material.dart';
import 'dart:async';
import 'package:sign_in_apple/sign_in_apple.dart';
import 'package:sign_in_apple/apple_id_user.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _name = 'Unknown';
  String _mail = 'Unknown';
  String _userIdentify = 'Unknown';
  String _authorizationCode = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    SignInApple.handleAppleSignInCallBack(onCompleteWithSignIn: (AppleIdUser user) async {
      print("flutter receiveCode: \n");
      print(user.authorizationCode);
      print("flutter receiveToken \n");
      print(user.identifyToken);
      setState(() {
        _name = user.name ?? ""; // 可能为 null 或 "" 如果使用隐私设置
        _mail = user.mail ?? ""; // 可能为 null 或 "" 如果使用隐私设置
        _userIdentify = user.userIdentifier;
        _authorizationCode = user.authorizationCode;
      });
    }, onCompleteWithError: (AppleSignInErrorCode code) async {
      var errorMsg = "unknown";
      switch (code) {
        case AppleSignInErrorCode.canceled:
          errorMsg = "用户取消了请求";
          break;
        case AppleSignInErrorCode.failed:
          errorMsg = "请求失败";
          break;
        case AppleSignInErrorCode.invalidResponse:
          errorMsg = "请求无效响应";
          break;
        case AppleSignInErrorCode.notHandled:
          errorMsg = "请求未处理";
          break;
        case AppleSignInErrorCode.unknown:
          errorMsg = "未知错误";
          break;
      }
      print(errorMsg);
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('用户标识符是: $_userIdentify'),
              SizedBox(height: 10),
              Text('姓名是: $_name'),
              SizedBox(height: 10),
              Text('邮箱是: $_mail'),
              SizedBox(height: 10),
              Text('授权码是: $_authorizationCode'),
              SizedBox(height: 10),
              Text('原生系统按钮：'),
              SizedBox(height: 20),
              AppleSignInSystemButton(
                width: 250,
                height: 50,
                buttonStyle: AppleSignInSystemButtonStyle.black,
              ),
              SizedBox(height: 20),
              Text('自定义 Flutter 按钮：'),
              SizedBox(height: 20),
              GestureDetector(
                onTap: () {
                  SignInApple.clickAppleSignIn();
                },
                child: Container(
                  width: 56,
                  height: 56,
                  child: Image.asset(
                    "images/apple_logo.png",
                    width: 56,
                    height: 56,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}