Flutter账户选择插件account_picker_plus的使用

Flutter账户选择插件account_picker_plus的使用

此Flutter插件用于提示用户从设备上选择一个电子邮件或电话号码，而无需额外的权限。这是一个轻量级插件，不需要额外的权限。

该插件目前仅适用于Android系统。

请求电话号码的使用

String phoneNumber = await AccountPickerPlus.phoneHint();
print(phoneNumber);

请求电子邮件的使用

List<String>? email = await AccountPickerPlus.emailHint();
print(email);

完整示例Demo

以下是完整的示例代码，展示了如何在应用中集成account_picker_plus插件来请求电话号码和电子邮件地址。

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

import 'package:flutter/services.dart';
import 'package:account_picker_plus/account_picker_plus.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> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(home: AccountPicker());
  }
}

class AccountPicker extends StatefulWidget {
  const AccountPicker({Key? key}) : super(key: key);

  [@override](/user/override)
  State<AccountPicker> createState() => _AccountPickerState();
}

class _AccountPickerState extends State<AccountPicker> {
  String phoneNumber1 = ''; // 存储电话号码
  List<String> email1 = []; // 存储电子邮件列表
  String selectEmail = ''; // 选中的电子邮件

  // 获取电子邮件ID的方法
  Future<void> getEmailId(context) async {
    List<String>? email;
    try {
      email = (await AccountPickerPlus.emailHint()).cast<String>();
      if (email.isEmpty) {
        ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(content: Text('无设备上的电子邮件！')));
      } else {
        _settingModalBottomSheet(context);
      }
    } on PlatformException {
      email = [];
    }
    if (!mounted) return;
    setState(() {
      email1 = email!;
    });
  }

  // 获取电话号码的方法
  Future<void> getPhoneNo() async {
    String phoneNumber;
    try {
      phoneNumber = await AccountPickerPlus.phoneHint() ?? '未知平台版本';
    } on PlatformException {
      phoneNumber = '获取平台版本失败。';
    }
    if (!mounted) return;
    setState(() {
      phoneNumber1 = phoneNumber;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('插件示例应用'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 按钮用于获取电话号码
            MaterialButton(
              color: Colors.blue,
              onPressed: () {
                getPhoneNo();
              },
              child: const Text("电话号码"),
            ),
            Text('$phoneNumber1\n'), // 显示获取到的电话号码

            // 按钮用于获取电子邮件
            MaterialButton(
              color: Colors.blue,
              onPressed: () {
                getEmailId(context);
              },
              child: const Text("电子邮件"),
            ),
            Text(selectEmail), // 显示选中的电子邮件
          ],
        ),
      ),
    );
  }

  // 显示底部弹出菜单的方法
  _settingModalBottomSheet(BuildContext context) {
    showModalBottomSheet(
        context: context,
        builder: (BuildContext bc) {
          return Container(
            height: MediaQuery.of(context).size.height / 3,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
            ),
            child: ListView.builder(
                itemCount: email1.length,
                itemBuilder: (_, index) {
                  return Padding(
                    padding: const EdgeInsets.all(8),
                    child: Column(
                      children: [
                        ListTile(
                          leading: const Icon(Icons.alternate_email_rounded),
                          title: Text(email1[index].toString()),
                          onTap: () => {
                            Navigator.pop(context),
                            setState(() {
                              selectEmail = email1[index];
                            }),
                          },
                        ),
                        const Divider()
                      ],
                    ),
                  );
                }),
          );
        });
  }
}