Flutter插件clerk_flutter的使用_Clerk帮助开发者构建用户管理

Flutter插件clerk_flutter的使用_Clerk帮助开发者构建用户管理

官方 Clerk Flutter SDK (预发布Alpha)

⚠️ The Clerk Flutter SDK is in Alpha and not recommended for use in production. ⚠️

❗️ 破坏性变更可能会发生直到第一个稳定版本 (1.0.0) ❗️

Clerk帮助开发者构建用户管理。我们为您的用户提供流畅的用户体验，以便他们可以在您的Flutter代码中注册、登录和管理他们的个人资料。

要求

• Flutter >= 3.10.0
• Dart >= 3.0.0

开发中

• 组织支持

示例用法

要使用此包，您需要访问您的Clerk仪表板创建一个应用并复制公共和发布API密钥到您的项目。

class ExampleApp extends StatefulWidget {
  /// 构造一个Example App实例
  const ExampleApp({
    super.key,
    required this.publishableKey,
  });

  /// 发布密钥
  final String publishableKey;

  [@override](/user/override)
  State<ExampleApp> createState() => _ExampleAppState();
}

class _ExampleAppState extends State<ExampleApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: ClerkAuth(
        publishableKey: widget.publishableKey,
        child: Scaffold(
          backgroundColor: ClerkColors.whiteSmoke,
          body: Padding(
            padding: horizontalPadding32,
            child: Center(
              child: ClerkAuthBuilder(
                signedInBuilder: (context, auth) => const ClerkUserButton(),
                signedOutBuilder: (context, auth) =>
                    const ClerkAuthenticationWidget(),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

许可证

该SDK在LICENSE文件中以MIT许可证授权。

示例代码

import 'dart:async';
import 'dart:core';
import 'dart:io';

import 'package:clerk_flutter/clerk_flutter.dart';
import 'package:clerk_flutter/logging.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

Future<void> main() async {
  await setUpLogging(printer: const LogPrinter());

  const publishableKey = String.fromEnvironment('publishable_key');
  if (publishableKey.isEmpty) {
    if (kDebugMode) {
      print(
        '请运行示例程序并设置环境变量: '
        '--dart-define-from-file=example.env',
      );
    }
    exit(1);
  }

  runApp(
    const ExampleApp(
      publishableKey: publishableKey,
    ),
  );
}

/// 示例App
class ExampleApp extends StatelessWidget {
  /// 构造一个Example App实例
  const ExampleApp({
    super.key,
    required this.publishableKey,
  });

  /// 发布密钥
  final String publishableKey;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ClerkAuth(
      publishableKey: publishableKey,
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        builder: (BuildContext context, Widget? child) {
          return ClerkErrorListener(child: child!);
        },
        home: Scaffold(
          backgroundColor: ClerkColors.whiteSmoke,
          body: SafeArea(
            child: Padding(
              padding: horizontalPadding32,
              child: Center(
                child: ClerkAuthBuilder(
                  signedInBuilder: (context, auth) => const ClerkUserButton(),
                  signedOutBuilder: (context, auth) {
                    return const ClerkAuthenticationWidget();
                  },
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

/// 日志打印机
class LogPrinter extends Printer {
  /// 构造一个[LogPrinter]实例
  const LogPrinter();

  [@override](/user/override)
  void print(String output) {
    Zone.root.print(output);
  }
}