Flutter国家、州/省、城市选择器插件country_state_city_select的使用

功能

• 无缝集成国家、州/省和城市的选取。
• 可自定义UI以适应应用的设计。
• 提供方便的方法来管理位置信息。

开始使用

要使用此包，请将 country_state_city_select 添加到您的 pubspec.yaml 文件中。

对于详细的说明、前置条件等，请参阅 文档。

使用示例

以下是一个如何使用该包的快速示例：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('国家、州/省、城市选择器示例')),
        body: CountryStateCitySelectExample(),
      ),
    );
  }
}

class CountryStateCitySelectExample extends StatefulWidget {
  @override
  _CountryStateCitySelectExampleState createState() => _CountryStateCitySelectExampleState();
}

class _CountryStateCitySelectExampleState extends State<CountryStateCitySelectExample> {
  String _selectedCountry = '';
  String _selectedState = '';
  String _selectedCity = '';

  void _onCountryChanged(String value) {
    setState(() {
      _selectedCountry = value;
      // 当国家改变时，重置州/省和城市
      _selectedState = '';
      _selectedCity = '';
    });
  }

  void _onStateChanged(String value) {
    setState(() {
      _selectedState = value;
      // 当州/省改变时，重置城市
      _selectedCity = '';
    });
  }

  void _onCityChanged(String value) {
    setState(() {
      _selectedCity = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        children: [
          DropdownButtonFormField<String>(
            value: _selectedCountry,
            onChanged: (value) => _onCountryChanged(value),
            items: CountryStateCitySelect.countryList.map((country) {
              return DropdownMenuItem<String>(
                value: country,
                child: Text(country),
              );
            }).toList(),
            decoration: InputDecoration(labelText: '国家'),
          ),
          SizedBox(height: 16),
          DropdownButtonFormField<String>(
            value: _selectedState,
            onChanged: (value) => _onStateChanged(value),
            items: CountryStateCitySelect.stateList(_selectedCountry).map((state) {
              return DropdownMenuItem<String>(
                value: state,
                child: Text(state),
              );
            }).toList(),
            decoration: InputDecoration(labelText: '州/省'),
          ),
          SizedBox(height: 16),
          DropdownButtonFormField<String>(
            value: _selectedCity,
            onChanged: (value) => _onCityChanged(value),
            items: CountryStateCitySelect.cityList(_selectedCountry, _selectedState).map((city) {
              return DropdownMenuItem<String>(
                value: city,
                child: Text(city),
              );
            }).toList(),
            decoration: InputDecoration(labelText: '城市'),
          ),
        ],
      ),
    );
  }
}

在这个示例中，我们创建了一个简单的表单，用户可以选择国家、州/省和城市。当国家发生变化时，会重置州/省和城市的选择；当州/省发生变化时，会重置城市的选择。这样可以确保所选的国家、州/省和城市之间的一致性。