moroccan_cities 是一个用于 Flutter 的插件，它提供了摩洛哥城市的相关信息，如城市名称、地区、省份等。使用这个插件，你可以轻松地在你的 Flutter 应用中获取和显示摩洛哥城市的数据。

安装插件

首先，你需要在 pubspec.yaml 文件中添加 moroccan_cities 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  moroccan_cities: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

使用插件

安装完插件后，你可以在你的 Flutter 应用中使用它。以下是一些基本的使用示例：

1. 获取所有城市

你可以使用 MoroccanCities.getAllCities() 方法来获取所有摩洛哥城市的列表。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Moroccan Cities'),
        ),
        body: FutureBuilder<List<City>>(
          future: MoroccanCities.getAllCities(),
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return Center(child: CircularProgressIndicator());
            } else if (snapshot.hasError) {
              return Center(child: Text('Error: ${snapshot.error}'));
            } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
              return Center(child: Text('No cities found.'));
            } else {
              List<City> cities = snapshot.data!;
              return ListView.builder(
                itemCount: cities.length,
                itemBuilder: (context, index) {
                  City city = cities[index];
                  return ListTile(
                    title: Text(city.name),
                    subtitle: Text('${city.region}, ${city.province}'),
                  );
                },
              );
            }
          },
        ),
      ),
    );
  }
}

2. 按名称搜索城市

你可以使用 MoroccanCities.searchByName(String query) 方法来按名称搜索城市。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Search Moroccan Cities'),
        ),
        body: SearchPage(),
      ),
    );
  }
}

class SearchPage extends StatefulWidget {
  [@override](/user/override)
  _SearchPageState createState() => _SearchPageState();
}

class _SearchPageState extends State<SearchPage> {
  final TextEditingController _searchController = TextEditingController();
  List<City> _searchResults = [];

  void _searchCities(String query) async {
    List<City> results = await MoroccanCities.searchByName(query);
    setState(() {
      _searchResults = results;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      children: [
        Padding(
          padding: const EdgeInsets.all(8.0),
          child: TextField(
            controller: _searchController,
            decoration: InputDecoration(
              labelText: 'Search for a city',
              suffixIcon: IconButton(
                icon: Icon(Icons.search),
                onPressed: () {
                  _searchCities(_searchController.text);
                },
              ),
            ),
            onSubmitted: (value) {
              _searchCities(value);
            },
          ),
        ),
        Expanded(
          child: ListView.builder(
            itemCount: _searchResults.length,
            itemBuilder: (context, index) {
              City city = _searchResults[index];
              return ListTile(
                title: Text(city.name),
                subtitle: Text('${city.region}, ${city.province}'),
              );
            },
          ),
        ),
      ],
    );
  }
}

3. 获取特定省份的城市

你可以使用 MoroccanCities.getCitiesByProvince(String province) 方法来获取特定省份的城市。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Cities by Province'),
        ),
        body: FutureBuilder<List<City>>(
          future: MoroccanCities.getCitiesByProvince('Casablanca'),
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return Center(child: CircularProgressIndicator());
            } else if (snapshot.hasError) {
              return Center(child: Text('Error: ${snapshot.error}'));
            } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
              return Center(child: Text('No cities found.'));
            } else {
              List<City> cities = snapshot.data!;
              return ListView.builder(
                itemCount: cities.length,
                itemBuilder: (context, index) {
                  City city = cities[index];
                  return ListTile(
                    title: Text(city.name),
                    subtitle: Text('${city.region}, ${city.province}'),
                  );
                },
              );
            }
          },
        ),
      ),
    );
  }
}