wetterApp/lib/screens/rain_radar.dart

import 'package:flutter/material.dart';
// ignore: import_of_legacy_library_into_null_safe
import 'package:flutter_gifimage/flutter_gifimage.dart';

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

  @override
  State<RainRadar> createState() => _RainRadarState();
}

class _RainRadarState extends State<RainRadar>
    with SingleTickerProviderStateMixin<RainRadar> {
  late GifController controller;

  @override
  void initState() {
    super.initState();
    controller = GifController(vsync: this);
    WidgetsBinding.instance.addPostFrameCallback((_) {
      controller.repeat(min: 0, max: 24, period: const Duration(seconds: 10));
    });
  }

  @override
  Widget build(BuildContext context) {
    controller.stop();
    return Scaffold(
        appBar: AppBar(
          title: const Text('Rain Radar'),
        ),
        body: Column(children: [
          GifImage(
              controller: controller,
              image: const NetworkImage(
                  'https://www.dwd.de/DWD/wetter/radar/radarvhs.gif')),
          ElevatedButton(
              onPressed: () {
                controller.stop();
              },
              child: const Text("Stop")),
          Slider(
            onChanged: (v) {
              controller.value = v;
              setState(() {});
            },
            max: 24,
            min: 0,
            value: controller.value,
          )
        ]));
  }
}