Jeremiah Ogbomo 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.

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

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

Terminal Flutter

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

Here is how it looks:

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

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 {

	// 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';

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

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

	import 'package:flutter/material.dart';

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

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

	class MyApp extends StatelessWidget {
	@override

	// 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:

	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