Flutter电话号码处理插件phone_util的使用

当然，以下是如何在Flutter项目中使用phone_util插件来处理电话号码的一个示例。请注意，phone_util插件本身并不是Flutter社区广泛认知的标准插件，但我们可以使用libphonenumber库来实现类似的电话号码处理功能。libphonenumber是一个广泛使用的电话号码处理库，Flutter有一个名为flutter_libphonenumber的封装插件。

首先，确保你已经在pubspec.yaml文件中添加了flutter_libphonenumber依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_libphonenumber: ^0.8.0  # 请检查最新版本号

然后运行flutter pub get来获取依赖。

接下来是一个使用flutter_libphonenumber插件处理电话号码的示例代码：

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String formattedNumber = '';
  String isValidNumber = '';
  String countryCode = '';

  void _formatPhoneNumber(String phoneNumber) async {
    PhoneNumber number = await PhoneNumber.parse(phoneNumber, region: 'US');
    setState(() {
      formattedNumber = number.formatInternational();
      isValidNumber = number.isValid ? 'Valid' : 'Invalid';
      countryCode = number.isoCountryCode!;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Phone Number Formatter'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              TextField(
                decoration: InputDecoration(labelText: 'Enter Phone Number'),
                keyboardType: TextInputType.phone,
                onChanged: (value) {
                  // Clear previous results when input changes
                  setState(() {
                    formattedNumber = '';
                    isValidNumber = '';
                    countryCode = '';
                  });
                },
                onEditingComplete: () async {
                  // Format the phone number when editing is complete
                  String phoneNumber = (context as _MyAppState).textEditingController.text;
                  _formatPhoneNumber(phoneNumber);
                },
              ),
              SizedBox(height: 16),
              Text('Formatted Number: $formattedNumber'),
              Text('Is Valid Number: $isValidNumber'),
              Text('Country Code: $countryCode'),
            ],
          ),
        ),
      ),
    );
  }

  // Note: The onEditingComplete method above is a simplified approach.
  // In a real-world scenario, you might want to use a TextEditingController
  // and a button to trigger the formatting, or handle formatting as the user types.
  // Here is an example using TextEditingController:
  TextEditingController textEditingController = TextEditingController();

  @override
  void dispose() {
    textEditingController.dispose();
    super.dispose();
  }
}

注意：上面的代码示例中有一点需要改进，即onEditingComplete方法的使用。在实际应用中，你可能希望使用一个TextEditingController来管理文本字段的状态，并在点击按钮时触发格式化操作，而不是在onEditingComplete中处理。我在注释中提供了使用TextEditingController的提示，但为了保持示例的简洁性，没有直接在代码中实现。

为了完整性和准确性，这里是如何使用TextEditingController和按钮来触发格式化操作的代码片段：

// 在_MyAppState类中添加TextEditingController和按钮逻辑
TextEditingController textEditingController = TextEditingController();

@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Phone Number Formatter'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextField(
              controller: textEditingController,
              decoration: InputDecoration(labelText: 'Enter Phone Number'),
              keyboardType: TextInputType.phone,
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: () async {
                String phoneNumber = textEditingController.text;
                _formatPhoneNumber(phoneNumber);
              },
              child: Text('Format Number'),
            ),
            SizedBox(height: 16),
            Text('Formatted Number: $formattedNumber'),
            Text('Is Valid Number: $isValidNumber'),
            Text('Country Code: $countryCode'),
          ],
        ),
      ),
    ),
  );
}

在这个改进后的版本中，我们使用了TextEditingController来管理文本字段，并通过点击按钮来触发电话号码的格式化操作。