Flutter自动获取OTP插件auto_otp的使用

Flutter自动获取OTP插件auto_otp的使用

auto_otp 是一个用于Android设备的Flutter插件，可以通过Sms Retriever API自动读取短信。

开始使用

以下是如何在你的Flutter项目中使用auto_otp插件的示例：

import 'dart:async';

import 'package:auto_otp/auto_otp.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _sms = 'Unknown';
  final _autoOtpPlugin = AutoOtp();

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

  [@override](/user/override)
  void dispose() {
    _autoOtpPlugin.removeSmsListener();
    super.dispose();
  }

  // 平台消息是异步的，因此我们通过异步方法初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败，所以我们使用try/catch处理PlatformException。
    // 我们还处理了消息可能返回null的情况。
    try {
      platformVersion = await _autoOtpPlugin.getSmsCode() ?? '无法捕获短信';
    } on PlatformException {
      platformVersion = '获取短信失败';
    }

    // 如果小部件从树中被移除而异步平台消息仍在飞行中，我们希望丢弃回复而不是调用setState来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _sms = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('自动OTP应用')),
        body: Center(child: Text('短信状态: $_sms')),
      ),
    );
  }
}

功能优势

• 无需额外权限请求：使用该插件时，你无需为应用添加任何额外的权限。
• 无需用户手动输入OTP：插件会自动读取短信中的OTP，从而简化用户体验。

完整示例代码

以下是完整的示例代码，展示了如何在Flutter项目中集成和使用auto_otp插件：

import 'dart:async';

import 'package:auto_otp/auto_otp.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _sms = 'Unknown';
  final _autoOtpPlugin = AutoOtp();

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

  [@override](/user/override)
  void dispose() {
    _autoOtpPlugin.removeSmsListener();
    super.dispose();
  }

  // 平台消息是异步的，因此我们通过异步方法初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败，所以我们使用try/catch处理PlatformException。
    // 我们还处理了消息可能返回null的情况。
    try {
      platformVersion = await _autoOtpPlugin.getSmsCode() ?? '无法捕获短信';
    } on PlatformException {
      platformVersion = '获取短信失败';
    }

    // 如果小部件从树中被移除而异步平台消息仍在飞行中，我们希望丢弃回复而不是调用setState来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _sms = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('自动OTP应用')),
        body: Center(child: Text('短信状态: $_sms')),
      ),
    );
  }
}