Fetches an image and displays it

clicker_image.dart

import 'package:flutter/material.dart';
import 'package:floop/floop.dart';
import 'package:http/http.dart' as http;

void main() {
  fetchAndUpdateImage();
  runApp(MaterialApp(title: 'Fetch image', home: ImageDisplay()));
}

fetchAndUpdateImage([String url = 'https://picsum.photos/300/200']) async {
  final response = await http.get(url);
  floop['image'] = Image.memory(response.bodyBytes);
}

class ImageDisplay extends StatelessWidget with Floop {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Align(
          child: floop['image'] ??
              Text(
                'Loading...',
                textScaleFactor: 2,
              )),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.refresh),
        onPressed: () {
          floop['image'] = null; // set to null while awaiting response
          await fetchAndUpdateImage();
        }
    );
  }
}