icatalud

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

main() {
  floop['clicks'] = 0;  //initialize 'clicks'
  runApp(MaterialApp(title: 'Clicker', home: Clicker()));
}

class Clicker extends StatelessWidget with Floop {
  @override

icatalud

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 {

icatalud

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

class TransitionImage extends FloopWidget {
  final Image image;
  const TransitionImage(this.image);

  @override

icatalud

class ImageDisplay extends StatelessWidget with Floop {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: floop['image'] == null
          ? Center(
              child: Text(
                'Loading...',
                textScaleFactor: 2,
              ),

icatalud

var _fetching = false;

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

icatalud

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()));
}

var _fetching = false;

icatalud

class DynamicValues {
  static Widget get image => floop['image'];
  static set image(Widget widget) => floop['image'] = widget;
  // Here should go all the reads and writes to `floop`
}

/// It's also possible to create a local [ObservedMap].
/// `floop` is just an instance of [ObservedMap].
class DynamicValuesLocal {
  static ObservedMap<String, dynamic> dyn = ObservedMap();

icatalud

class TransitionImage extends FloopWidget {
  final Image image;
  const TransitionImage(this.image);

  @override
  Widget build(BuildContext context) {
    // Opacity transitions from 0 to 1 in 1.5 seconds.
    return GestureDetector(
      child: Opacity(opacity: transition(1500), child: image),
      onTap: () async {

icatalud

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()));
}

class DynamicValues {

icatalud

class ColorBox extends DynamicWidget {
  final int id;
  ColorBox(this.id, {Key key}) : super(key: key);

  initDyn() {
    dyn[#color] = randomColor();
    dyn[#textColor] = contrastColor(dyn[#color]);
    dyn[#clicks] = 0;
  }