open_weather_map_client 0.0.9

Package that communicates with Open Weather Map to obtain climate data in a model.

example/lib/main.dart

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          title: const Text('Weather'),
          backgroundColor: Colors.teal,
        ),
        body: ConstrainedBox(
          constraints: const BoxConstraints(maxWidth: 300.0),
          child: Center(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                const WithoutProvider(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

/// Using API without provider package.
class WithoutProvider extends StatelessWidget {
  const WithoutProvider({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              const Text(
                'Working without provider',
                style: TextStyle(
                  color: Colors.teal,
                  fontSize: 20.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
              const Divider(),
              const WeatherWithoutProvider(),
            ],
          ),
        ),
      ),
    );
  }
}

class WeatherWithoutProvider extends StatefulWidget {
  const WeatherWithoutProvider({Key? key}) : super(key: key);

  @override
  _WeatherWithoutProviderState createState() => _WeatherWithoutProviderState();
}

class _WeatherWithoutProviderState extends State<WeatherWithoutProvider> {
  final OpenWeatherMap _openWeatherMap = OpenWeatherMap(
    apiKey: '856822fd8e22db5e1ba48c0e7d69844a',
  );

  City? _city;
  Weather? _weather;
  List<Weather>? _forecast;

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

  @override
  Widget build(BuildContext context) {
    if (_weather == null) {
      return const Center(
        child: Text('Data could not be obtained.'),
      );
    }
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          'Country: ${_city?.country?.name}',
        ),
        const Divider(),
        Text(
          'City: ${_city?.name}',
        ),
        const Divider(),
        Text(
          'Temperature: ${_weather!.temperatureInCelsius.toStringAsFixed(2)} °C',
        ),
        const Divider(),
        Text(
          'Wind speed: ${_weather!.windSpeedInKilometersPerHour.toStringAsFixed(2)} Km/h',
        ),
        const Divider(),
        const Text('Forecast'),
        SizedBox(
          height: 100,
          width: 300.0,
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
            itemCount: _forecast?.length ?? 0,
            itemBuilder: (_, index) {
              return Container(
                color: index % 2 == 0
                    ? Colors.amber.withOpacity(0.1)
                    : Colors.red.withOpacity(0.1),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Text('Datetime: ${_forecast?[index].dateTime}'),
                    const Divider(),
                    Text(
                      'Temperature: ${_forecast?[index].temperatureInCelsius.toStringAsFixed(2)}',
                    ),
                  ],
                ),
              );
            },
          ),
        ),
        const Divider(),
        Center(
          child: ElevatedButton(
            onPressed: () async {
              await _load();
            },
            child: const Text('Update'),
          ),
        ),
        const Divider(
          thickness: 0,
        ),
      ],
    );
  }

  // Load initial data for current weather.
  // Always call the currentWeather function first and then detailedCity or
  // city will return null.
  Future<void> _load() async {
    _weather = await _openWeatherMap.currentWeatherByCity(name: 'London');
    _forecast = await _openWeatherMap.forecastByCity(name: 'London');
    _city = await _openWeatherMap.detailedCity;
    setState(() {});
  }
}