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

Метод 1: использование параметра timeoutв пакете http
Пакет httpво Flutter предоставляет удобный способ создания HTTP Запросы. Чтобы установить тайм-аут запроса, вы можете использовать параметр timeoutпри отправке запроса. Вот пример:

import 'package:http/http.dart' as http;
void makeHttpRequest() async {
  try {
    final response = await http.get(
      'https://example.com/api/data',
      timeout: Duration(seconds: 10), // Set the timeout duration
    );

    // Handle the response
  } catch (e) {
    // Handle the timeout error
  }
}

Метод 2: использование пакета Dio
Пакет Dio— еще один популярный HTTP-клиент для Flutter, который предоставляет дополнительные функции и гибкость. Чтобы установить тайм-аут запроса с помощью Dio, вы можете использовать параметры connectTimeoutи receiveTimeout. Вот пример:

import 'package:dio/dio.dart';
void makeHttpRequest() async {
  Dio dio = Dio();
  dio.options.connectTimeout = 5000; // Set the connection timeout in milliseconds
  dio.options.receiveTimeout = 3000; // Set the receive timeout in milliseconds
  try {
    final response = await dio.get('https://example.com/api/data');

    // Handle the response
  } catch (e) {
    // Handle the timeout error
  }
}

Метод 3: использование пакета httpс пользовательским Client
Если вам нужен больший контроль над HTTP-клиентом, вы можете создать собственный Clientи установите тайм-аут с помощью параметра timeout. Вот пример:

import 'package:http/http.dart' as http;
void makeHttpRequest() async {
  final client = http.Client();

  try {
    final response = await client.get(
      'https://example.com/api/data',
      headers: {'Content-Type': 'application/json'},
    ).timeout(Duration(seconds: 15)); // Set the timeout duration

    // Handle the response
  } catch (e) {
    // Handle the timeout error
  } finally {
    client.close(); // Close the client when done
  }
}

Установка таймаутов запросов имеет решающее значение при работе с HTTP-запросами во Flutter. Внедрив правильный тайм-аут запроса, вы можете быть уверены, что ваше приложение корректно обрабатывает проблемы, связанные с сетью, и обеспечивает лучший пользовательский опыт. В этой статье мы рассмотрели три метода установки таймаутов запросов во Flutter с использованием пакетов httpи Dio. Не забудьте выбрать метод, который лучше всего соответствует требованиям вашего проекта, и соответствующим образом обрабатывать любые ошибки тайм-аута.