Flutter国家代码选择器插件fl_country_code_picker_nic的使用

当然，以下是一个关于如何在Flutter应用中使用fl_country_code_picker_nic插件的示例代码。这个插件用于显示国家代码选择器，用户可以选择一个国家，然后获取该国家的代码和拨号代码。

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

dependencies:
  flutter:
    sdk: flutter
  fl_country_code_picker_nic: ^最新版本号  # 请替换为最新版本号

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

接下来，在你的Flutter应用中，你可以按照以下方式使用这个插件：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String? selectedCountryCode;
  String? selectedDialCode;
  String? selectedCountryName;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('国家代码选择器示例'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            CountryCodePickerNic(
              onChanged: (CountryCode countryCode) {
                setState(() {
                  selectedCountryCode = countryCode.code;
                  selectedDialCode = countryCode.dialCode;
                  selectedCountryName = countryCode.name;
                });
              },
              favorite: ['+1', '91', '+86'],  // 可选：设置常用国家代码
              initialSelection: 'US',  // 可选：设置初始选择国家
              selectorType: MobileCountryCodePickerSelectorType.dialog, // 或者 MobileCountryCodePickerSelectorType.dropdown
              showFlag: true,
              showCurrency: false,
              showOnlyCountryWhenClosed: false,
            ),
            SizedBox(height: 20),
            Text('选择的国家代码: $selectedCountryCode'),
            Text('选择的拨号代码: $selectedDialCode'),
            Text('选择的国家名称: $selectedCountryName'),
          ],
        ),
      ),
    );
  }
}

在这个示例中：

1. CountryCodePickerNic小部件用于显示国家代码选择器。
2. onChanged回调在用户选择一个国家时被调用，并返回所选国家的CountryCode对象。
3. favorite参数用于设置常用国家代码列表。
4. initialSelection参数用于设置初始选择的国家代码（这里使用的是国家代码缩写，例如'US'表示美国）。
5. selectorType参数用于设置选择器类型，可以是对话框（MobileCountryCodePickerSelectorType.dialog）或下拉菜单（MobileCountryCodePickerSelectorType.dropdown）。
6. showFlag参数控制是否显示国旗图标。
7. showCurrency参数控制是否显示货币符号（在这个例子中设置为false）。
8. showOnlyCountryWhenClosed参数控制当选择器关闭时是否只显示国家名称。

这个示例展示了如何使用fl_country_code_picker_nic插件来显示一个国家代码选择器，并获取用户选择的国家代码、拨号代码和国家名称。你可以根据自己的需求进一步自定义和扩展这个示例。