Flutter CityPickers 城市选择器，便捷易用，随取随用！

2024-01-19 18:03:18

Flutter CityPickers 简介

Flutter CityPickers 是一个基于 Flutter 开发的城市选择器，它功能强大，使用方便，支持省、市、区三级联动选择，是构建地址选择表单的最佳选择。

Flutter CityPickers 的主要特点包括：

简单易用： Flutter CityPickers 的 API 非常简单，只需几行代码即可集成到您的项目中。
高度可定制： Flutter CityPickers 可以高度定制，您可以自定义城市数据、样式和交互行为。
响应式设计： Flutter CityPickers 采用响应式设计，可以在任何设备上完美运行。
开源免费： Flutter CityPickers 是一个开源免费的项目，您可以自由使用和修改。

Flutter CityPickers 使用指南

要使用 Flutter CityPickers，您需要先在您的项目中安装该包：

dependencies:
  city_pickers: ^2.0.0

安装完成后，您就可以在您的代码中使用 Flutter CityPickers 了。

以下是一个使用 Flutter CityPickers 的示例代码：

import 'package:city_pickers/city_pickers.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CityPickers(
            height: 500,
            onConfirm: (Result result) {
              print(result);
            },
          ),
        ),
      ),
    );
  }
}

这段代码将创建一个城市选择器，当用户选择了一个城市后，将会打印出城市的信息。

Flutter CityPickers 进阶用法

Flutter CityPickers 还提供了许多高级功能，您可以根据需要进行使用。

例如，您可以自定义城市数据，以便只显示您需要的城市。

CityPickers(
  citiesData: {
    '北京市': [
      '东城区',
      '西城区',
      '朝阳区',
      '海淀区',
      '丰台区',
      '石景山区',
      '通州区',
      '大兴区',
      '昌平区',
      '顺义区',
      '房山区',
      '密云区',
      '延庆区',
      '怀柔区',
      '平谷区',
      '门头沟区',
    ],
    '上海市': [
      '黄浦区',
      '徐汇区',
      '长宁区',
      '静安区',
      '普陀区',
      '虹口区',
      '杨浦区',
      '闵行区',
      '宝山区',
      '嘉定区',
      '浦东新区',
      '金山区',
      '松江区',
      '青浦区',
      '奉贤区',
      '崇明区',
    ],
  },
);

您还可以自定义城市选择器的样式，以便与您的项目风格保持一致。

CityPickers(
  theme: CityPickersTheme(
    pickerItemHeight: 50,
    pickerItemColor: Colors.white,
    pickerItemTextColor: Colors.black,
    pickerItemDividerColor: Colors.grey,
    pickerBgColor: Colors.blue,
  ),
);