Piinks

// Copyright (c) 2019, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

import 'dart:math' as math;

import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

jogboms

Hey 👋

This is an attempt to recreate to a degree the essence of Riverpod. There is also a Flutter version https://gist.github.com/jogboms/f7f44f11e2d9aa30d355f94f5257281d.

Warning

As you would later notice, there are two major missing pieces: A robust error handling mechanism & Tests. The goal is educational and not a replacement of the said library.

See the hosted version on DartPad.

jogboms

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

void main() => runApp(
      const MaterialApp(
        debugShowCheckedModeBanner: false,
        home: ParallaxHeaderDemo(),
      ),
    );

jogboms

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

jogboms

Demystifying the journey from Widget to the RenderObject.

These are Dartpad links to the examples. Full repo can be found jogboms/flutter_guild_demo

Widget ・ Gist ・ Dartpad

Multi-Child layout ・ Gist ・ Dartpad

CustomPainter ・ Gist ・ Dartpad

sma

Terminal Flutter

For fun, I recreated a subset of Flutter that is enough to build a tiny Minesweeper application for the terminal.

Here is how it looks:

+----------------------+
|Minesweeper       3/12|
| |

sma

Canvas GUI

So you want to create a GUI from scratch using HTML canvas?

Colors

Let's start with an abstraction for ARGB color values:

class Color {

sma

import 'package:flutter/material.dart';

final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

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

class MyApp extends StatelessWidget {
  @override

slightfoot

// MIT License
//
// Copyright (c) 2021 Simon Lightfoot
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:

sma

import 'dart:async';
import 'dart:html';

/// [H] is what you'd call a virtual DOM node, representing HTML elements.
///
/// You call it with a tag name that optionally contains one or more class
/// names prefixed by `.` and/or an ID prefixed by `#`. If you pass a `Map`,
/// it is used as properties. If you pass other objects, they are used as
/// children. `List` objects are flattened, `null` values are ignored, other
/// [H] instances are taken literally, everything else is converted into