Flutter燃油价格查询插件tankerkoenig_dart的使用

当然，下面是一个关于如何使用 tankerkoenig_dart 插件在 Flutter 应用中查询燃油价格的示例代码。这个插件允许你访问 Tankerkönig API 来获取燃油价格信息。

首先，确保你的 Flutter 项目已经添加了 tankerkoenig_dart 依赖。在你的 pubspec.yaml 文件中添加以下依赖：

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

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

接下来，创建一个 Flutter 应用并在其中使用 tankerkoenig_dart 插件。以下是一个完整的示例代码：

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

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

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

class FuelPriceScreen extends StatefulWidget {
  @override
  _FuelPriceScreenState createState() => _FuelPriceScreenState();
}

class _FuelPriceScreenState extends State<FuelPriceScreen> {
  final Tankerkoenig _tankerkoenig = Tankerkoenig(apiKey: 'YOUR_API_KEY'); // 替换为你的API Key
  List<Station> _stations = [];
  String _error = '';

  @override
  void initState() {
    super.initState();
    _fetchFuelPrices();
  }

  Future<void> _fetchFuelPrices() async {
    try {
      // 使用附近的位置查询燃油价格
      var response = await _tankerkoenig.getStationsNearBy(
        lat: 52.520008, // 柏林的纬度
        lon: 13.404954, // 柏林的经度
        rad: 1, // 半径，单位为公里
        fuelTypes: [E5100, E1000, DIESEL], // 燃油类型
      );

      setState(() {
        _stations = response.stations;
        _error = '';
      });
    } catch (e) {
      setState(() {
        _error = e.toString();
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Fuel Price Checker'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            if (_error.isNotEmpty)
              Text(
                'Error: $_error',
                style: TextStyle(color: Colors.red),
              ),
            Expanded(
              child: ListView.builder(
                itemCount: _stations.length,
                itemBuilder: (context, index) {
                  var station = _stations[index];
                  return ListTile(
                    title: Text(station.name),
                    subtitle: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        for (var price in station.prices)
                          Text(
                            '${price.fuelType.toShortString()}: ${price.price} €',
                            style: TextStyle(fontSize: 16),
                          ),
                      ],
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

代码说明：

1. 依赖导入：导入 tankerkoenig_dart 包。
2. API Key：在 Tankerkoenig 对象初始化时，使用你的 Tankerkönig API Key。
3. 数据获取：在 initState 方法中调用 _fetchFuelPrices 方法，从 Tankerkönig API 获取附近的加油站信息。
4. 错误处理：在 _fetchFuelPrices 方法中捕获并处理任何可能的异常。
5. UI 显示：使用 ListView.builder 来显示获取的加油站信息和对应的燃油价格。

请确保你已经从 Tankerkönig 网站获取了一个有效的 API Key，并将其替换到代码中的 'YOUR_API_KEY' 位置。

这个示例展示了如何使用 tankerkoenig_dart 插件来获取并显示附近的燃油价格信息。你可以根据需要进一步扩展和自定义这个示例。