Flutter号码选择器插件sim_number_picker的使用

sim_number_picker 是一个为 Flutter 设计的插件，旨在简化从用户设备获取电话号码提示的过程。它利用了由 Google Play 服务支持的电话号码提示 API，可以无缝地显示基于 SIM 卡的电话号码提示。

功能

• 无需额外权限：该插件不需要任何额外的权限请求，确保用户体验流畅。
• 消除手动输入：用户不再需要手动输入他们的电话号码，从而减少输入错误并节省时间。
• 无需谷歌账户：使用电话号码提示 API 不需要谷歌账户，提高可访问性。
• 不限于登录/注册工作流：sim_number_picker 提供的功能不仅限于登录或注册流程，提供了应用的灵活性。
• 广泛的 Android 版本支持：与自动填充解决方案相比，该插件在各种 Android 版本上提供了更广泛的兼容性。

DEMO

TODO: 链接到演示 GIF

入门

安装

要将 sim_number_picker 集成到您的 Flutter 项目中，只需将其作为依赖项添加到您的 pubspec.yaml 文件中：

dependencies:
  sim_number_picker: ^0.0.1

然后运行 flutter pub get 来安装该插件。

示例代码

以下是使用 sim_number_picker 的完整示例代码：

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

import 'package:flutter/services.dart';
import 'package:sim_number_picker/sim_number_picker.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 _phoneNumber = '';
  final _simNumberPickerPlugin = SimNumberPicker();

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

  // 平台消息是异步的，所以我们在一个异步方法中初始化。
  Future<void> getPhoneNumbers() async {
    String phoneNumber;
    // 平台消息可能会失败，所以我们使用 try/catch PlatformException。
    // 我们还处理消息可能返回 null 的情况。
    try {
      phoneNumber = await _simNumberPickerPlugin.getPhoneNumberHint() ?? 
          'Unknown platform version';
    } on PlatformException {
      phoneNumber = 'Failed to get platform version.';
    }

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

    setState(() {
      _phoneNumber = phoneNumber;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(child: _body2()),
      ),
    );
  }

  Widget _body2() {
    return InkWell(
      child: Container(
        width: 200,
        height: 50,
        decoration: BoxDecoration(
            color: Colors.lightGreen, borderRadius: BorderRadius.circular(8)),
        child: Center(
            child: Text(
          'Phone number: $_phoneNumber',
        )),
      ),
      onTap: () {
        getPhoneNumbers();
      },
    );
  }
}