Flutter Twitter登录插件twitter_login_v2的使用

Flutter Twitter 登录插件 twitter_login_v2 的使用

Flutter Twitter 登录插件

安装

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  twitter_login_v2: ^0.0.2

Android 配置

添加意图过滤器以接收链接

在 AndroidManifest.xml 文件中添加以下代码：

<intent-filter>
  <action android:name="android.intent.action.VIEW" />
  <category android:name="android.intent.category.DEFAULT" />
  <category android:name="android.intent.category.BROWSABLE" />
  <!-- 接受以 "example://gizmos" 开头的 URI -->
  <!-- 在 Twitter 应用中注册的回调 URL -->
  <data android:scheme="{example}"
        android:host="gizmos" /> <!-- host 是可选的 -->
</intent-filter>

将 {example} 替换为 Twitter 应用中的回调 URL。

支持新的 Android 插件 API

如果你的项目版本早于 1.12，请确保启用 flutter_embedding v2。在 AndroidManifest.xml 文件中添加以下代码：

<meta-data
    android:name="flutterEmbedding"
    android:value="2" />

iOS 配置

添加 URL Scheme

在 Info.plist 文件中添加以下代码：

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLName</key>
    <string></string>
    <key>CFBundleURLSchemes</key>
    <array>
      <!-- 在 Twitter 应用中注册的回调 URL -->
      <string>{example}</string>
    </array>
  </dict>
</array>

将 {example} 替换为 Twitter 应用中的回调 URL。

使用示例

以下是一个完整的示例代码：

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

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

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

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          title: const Text('Twitter 登录示例应用'),
        ),
        body: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16),
          child: Center(
            child: TextButton(
              child: Text('使用 Twitter API v2.0'),
              style: ButtonStyle(
                foregroundColor: MaterialStateProperty.all<Color>(Colors.white),
                backgroundColor: MaterialStateProperty.all<Color>(Colors.blueAccent),
                minimumSize: MaterialStateProperty.all<Size>(Size(160, 48)),
              ),
              onPressed: () async {
                await loginV2();
              },
            ),
          ),
        ),
      ),
    );
  }

  /// 使用 Twitter API v2
  Future<void> loginV2() async {
    final twitterLogin = TwitterLoginV2(
      /// 消费者 API 密钥
      clientId: const String.fromEnvironment("CLIENT_ID"),

      /// 注册在 Twitter 应用中的回调 URL
      /// Android 是一个深度链接
      /// iOS 是一个 URL Scheme
      redirectURI: const String.fromEnvironment("REDIRECT_URI"),
    );

    try {
      // 强制用户输入其凭据
      // 以确保授权正确的用户账户
      // 如果你想要实现 Twitter 账户切换，设置 force_login 为 true
      final accessToken = await twitterLogin.loginV2();
      print('登录成功');
      print(accessToken.toJson());
    } catch (e) {
      print('登录失败');
      print(e);
    }
  }
}