При разработке приложений Flutter обычно используются кнопки, на которых отображаются индикаторы хода загрузки, чтобы предоставить пользователю обратную связь. Однако иногда необходимо остановить загрузку через определенный промежуток времени, например 5 секунд. В этой статье мы рассмотрим пять различных методов с примерами кода для реализации этой функциональности в вашем приложении Flutter.

Метод 1: Таймер
Класс Timer во Flutter можно использовать для планирования вызова функции через определенное время. Чтобы остановить процесс загрузки через 5 секунд, вы можете запустить таймер при нажатии кнопки и отменить его по истечении желаемого времени. Вот пример:

import 'package:flutter/material.dart';
class MyButton extends StatefulWidget {
  @override
  _MyButtonState createState() => _MyButtonState();
}
class _MyButtonState extends State<MyButton> {
  bool isLoading = false;
  void startLoading() {
    setState(() {
      isLoading = true;
    });
    Timer(Duration(seconds: 5), stopLoading);
  }
  void stopLoading() {
    setState(() {
      isLoading = false;
    });
  }
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: isLoading ? null : startLoading,
      child: isLoading ? CircularProgressIndicator() : Text('Press Me'),
    );
  }
}

Метод 2: Поток
Используя поток, вы можете контролировать ход загрузки и останавливать его по истечении определенного времени. Вот пример:

import 'dart:async';
import 'package:flutter/material.dart';
class MyButton extends StatefulWidget {
  @override
  _MyButtonState createState() => _MyButtonState();
}
class _MyButtonState extends State<MyButton> {
  StreamController<bool> _loadingStreamController = StreamController<bool>();
  bool isLoading = false;
  @override
  void dispose() {
    _loadingStreamController.close();
    super.dispose();
  }
  void startLoading() {
    setState(() {
      isLoading = true;
    });
    Timer(Duration(seconds: 5), stopLoading);
  }
  void stopLoading() {
    setState(() {
      isLoading = false;
    });
  }
  @override
  Widget build(BuildContext context) {
    return StreamBuilder<bool>(
      stream: _loadingStreamController.stream,
      initialData: false,
      builder: (context, snapshot) {
        return RaisedButton(
          onPressed: isLoading ? null : startLoading,
          child: isLoading ? CircularProgressIndicator() : Text('Press Me'),
        );
      },
    );
  }
}

Метод 3: Future.delayed
Функция Future.delayed может использоваться для задержки выполнения функции и остановки процесса загрузки по истечении заданного времени. Вот пример:

import 'package:flutter/material.dart';
class MyButton extends StatefulWidget {
  @override
  _MyButtonState createState() => _MyButtonState();
}
class _MyButtonState extends State<MyButton> {
  bool isLoading = false;
  void startLoading() {
    setState(() {
      isLoading = true;
    });
    Future.delayed(Duration(seconds: 5), stopLoading);
  }
  void stopLoading() {
    setState(() {
      isLoading = false;
    });
  }
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: isLoading ? null : startLoading,
      child: isLoading ? CircularProgressIndicator() : Text('Press Me'),
    );
  }
}

Метод 4: AnimationController
Используя класс AnimationController, вы можете контролировать ход загрузки и останавливать ее по истечении определенного времени. Вот пример:

import 'package:flutter/material.dart';
class MyButton extends StatefulWidget {
  @override
  _MyButtonState createState() => _MyButtonState();
}
class _MyButtonState extends State<MyButton>
    with SingleTickerProviderStateMixin {
  bool isLoading = false;
  AnimationController _animationController;
  @override
  void initState() {
    super.initState();
    _animationController = AnimationController(
      vsync: this,
      duration: Duration(seconds: 5),
    );
    _animationController.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        stopLoading();
      }
    });
  }
  void startLoading() {
    setState(() {
      isLoading = true;
    });
    _animationController.forward();
  }
  void stopLoading() {
    setState(() {
      isLoading = false;
    });
    _animationController.reset();
  }
  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: isLoading ? null : startLoading,
      child: isLoading
          ? CircularProgressIndicator()
          : Text('Press Me'),
   );
  }
}
Method 5: Animation and Tween
Using the Animation and Tween classes, you can control the loading progress and stop it after a specific duration. Here's an example:
```dart
import 'package:flutter/material.dart';

class MyButton extends StatefulWidget {
  @override
  _MyButtonState createState() => _MyButtonState();
}

class _MyButtonState extends State<MyButton> with TickerProviderStateMixin {
  bool isLoading = false;
  AnimationController _animationController;
  Animation<double> _animation;

  @override
  void initState() {
    super.initState();
    _animationController = AnimationController(
      vsync: this,
      duration: Duration(seconds: 5),
    );
    _animation = Tween<double>(begin: 0, end: 1).animate(_animationController)
      ..addStatusListener((status) {
        if (status == AnimationStatus.completed) {
          stopLoading();
        }
      });
  }

  void startLoading() {
    setState(() {
      isLoading = true;
    });
    _animationController.forward();
  }

  void stopLoading() {
    setState(() {
      isLoading = false;
    });
    _animationController.reset();
  }

  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: isLoading ? null : startLoading,
      child: isLoading
          ? CircularProgressIndicator()
          : Text('Press Me'),
    );
  }
}

В этой статье мы рассмотрели пять различных способов остановить загрузку кнопки во Flutter через 5 секунд. Эти методы включают использование Timer, Stream, Future.delayed, AnimationController и Animation with Tween. Каждый метод предоставляет способ контролировать ход загрузки и останавливать ее по истечении указанного времени. Реализуя эти методы, вы можете улучшить взаимодействие с пользователем в своих приложениях Flutter.