Как платформа Flutter обрабатывает асинхронное программирование?

Flutter обрабатывает асинхронное программирование, используя классы Dart Future и Stream. Они являются частью асинхронной библиотеки Dart, которая позволяет выполнять неблокирующие асинхронные операции, такие как получение данных из сети, чтение файлов или выполнение сложных вычислений без зависания пользовательского интерфейса.

Фьючерсы представляют собой потенциальную ценность или ошибку, которая будет доступна в какой-то момент в будущем. Они обычно используются для одиночных асинхронных вычислений. Future может находиться в одном из трех состояний: незавершенное, завершенное со значением или завершенное с ошибкой. Dart предоставляет различные методы и ключевые слова, такие как async, await, then и catchError, для работы с фьючерсами.

Потоки представляют собой последовательность асинхронных событий. Они полезны для обработки нескольких событий с течением времени, таких как данные, полученные от соединения WebSocket, взаимодействия с пользователем или периодические события таймера.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('FutureBuilder Example'),
        ),
        body: Center(
          child: RandomDataWidget(),
        ),
      ),
    );
  }
}

class RandomDataWidget extends StatelessWidget {
  // Simulate a network call or a long-running operation
  Future<String> fetchRandomData() async {
    await Future.delayed(Duration(seconds: 2));
    return "Random Data Loaded";
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<String>(
      future: fetchRandomData(),
      builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
        // Checking the state of the Future
        if (snapshot.connectionState == ConnectionState.waiting) {
          return CircularProgressIndicator(); // Show a loading spinner while waiting
        } else if (snapshot.hasError) {
          return Text("Error: ${snapshot.error}"); // Show error message if error occurred
        } else {
          return Text("Data: ${snapshot.data}"); // Display the data when loaded
        }
      },
    );
  }
}