【Flutter】非同期処理:Future・FutureBuilder使い方を3分で解説!（サンプルコードあり）

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: const MyHomePage(title: '非同期処理デモ'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // Future型は非同期処理（時間のかかる処理）
  Future<String> getResult() async {

    await Future.delayed(Duration(seconds: 3));
    return "合格！";
    // throw 'Failded';
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
          child: FutureBuilder<String?>(
            future: getResult(),
            builder: (context, snapshot) {
              if(snapshot.hasError){
                final error  = snapshot.error;
                return Text('$error', style: TextStyle(fontSize: 60,),);
              }else if (snapshot.hasData) {
                  String result = snapshot.data!;
                  return Text('$result', style: TextStyle(fontSize: 60,),);
              } else {
                  return  const Text("しばらくお待ち下さい",style: TextStyle(fontSize: 30,),);
              }
            },
          )),
    );
  }
}

Future<String> getResult() async {
    await Future.delayed(Duration(seconds: 3));
    return "合格！";
}

 FutureBuilder<String?>(
 　future: getResult(),

builder: (context, snapshot) {

              //　データ取得に失敗した場合
              if(snapshot.hasError){
                // エラーメッセージの取得
                final error  = snapshot.error;
                return Text('$error', style: TextStyle(fontSize: 60,),);

              // データがある場合
              }else if (snapshot.hasData) {
                  // getResultメソッドがreturnした値を取得
                  String result = snapshot.data!;
                  return Text('$result', style: TextStyle(fontSize: 60,),);

              // データ取得中の場合
              } else {
                  return  const Text("しばらくお待ち下さい",style: TextStyle(fontSize: 30,),);
              }
            },