在Flutter中使用facebook_google_social_login插件可以实现Facebook和Google的社交登录功能。以下是如何使用该插件的步骤：

1. 添加依赖

首先，在pubspec.yaml文件中添加facebook_google_social_login插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  facebook_google_social_login: ^0.1.0 # 请使用最新版本

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

2. 配置Facebook和Google登录

配置Facebook登录

1. 在Facebook开发者平台上创建一个应用。
2. 获取App ID和App Secret。
3. 在android/app/src/main/AndroidManifest.xml中添加以下内容：

<meta-data
    android:name="com.facebook.sdk.ApplicationId"
    android:value="@string/facebook_app_id"/>

在android/app/src/main/res/values/strings.xml中添加：

<string name="facebook_app_id">YOUR_FACEBOOK_APP_ID</string>

1. 在ios/Runner/Info.plist中添加以下内容：

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>fbYOUR_FACEBOOK_APP_ID</string>
    </array>
  </dict>
</array>
<key>FacebookAppID</key>
<string>YOUR_FACEBOOK_APP_ID</string>
<key>FacebookDisplayName</key>
<string>YOUR_APP_NAME</string>

配置Google登录

1. 在Google Cloud Console上创建一个项目。
2. 启用Google Sign-In API。
3. 创建OAuth 2.0客户端ID，获取Web Client ID和iOS Client ID。
4. 在android/app/src/main/AndroidManifest.xml中添加以下内容：

<meta-data
    android:name="com.google.android.gms.auth.api.signin.GoogleSignInOptions"
    android:value="@string/google_client_id"/>

在android/app/src/main/res/values/strings.xml中添加：

<string name="google_client_id">YOUR_GOOGLE_CLIENT_ID</string>

1. 在ios/Runner/Info.plist中添加以下内容：

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>YOUR_REVERSED_CLIENT_ID</string>
    </array>
  </dict>
</array>

3. 使用插件进行登录

在你的Flutter代码中，使用facebook_google_social_login插件来执行社交登录。

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SocialLoginScreen(),
    );
  }
}

class SocialLoginScreen extends StatefulWidget {
  @override
  _SocialLoginScreenState createState() => _SocialLoginScreenState();
}

class _SocialLoginScreenState extends State<SocialLoginScreen> {
  final FacebookGoogleSocialLogin _socialLogin = FacebookGoogleSocialLogin();

  Future<void> _facebookLogin() async {
    try {
      final result = await _socialLogin.signInWithFacebook();
      print('Facebook Login Result: $result');
    } catch (error) {
      print('Facebook Login Error: $error');
    }
  }

  Future<void> _googleLogin() async {
    try {
      final result = await _socialLogin.signInWithGoogle();
      print('Google Login Result: $result');
    } catch (error) {
      print('Google Login Error: $error');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Social Login'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _facebookLogin,
              child: Text('Login with Facebook'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _googleLogin,
              child: Text('Login with Google'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 处理登录结果

signInWithFacebook和signInWithGoogle方法会返回一个SocialLoginResult对象，包含用户的基本信息（如ID、姓名、电子邮件等）和访问令牌。

class SocialLoginResult {
  final String id;
  final String name;
  final String email;
  final String accessToken;

  SocialLoginResult({
    required this.id,
    required this.name,
    required this.email,
    required this.accessToken,
  });
}

你可以根据返回的结果来处理用户的登录状态。

5. 注销

你可以使用signOut方法来注销用户：

await _socialLogin.signOut();