Notes

Technical Notes This section contains technical notes, quick references, and documentation covering various technologies including: Angular development basics and advanced topics Flutter development, deployment, and iOS integration Cloud development with GCP, GKE, and various cloud services Development tools and utilities Browse through the notes below to find quick solutions and references for common development tasks.

Nebari Logo

Flutter - Riverpod

cgrant
Jul 27, 2022

Flutter - Riverpod Riverpod is a reactive caching and data-binding framework for Flutter and Dart applications. It’s designed to solve the problems of provider while being more robust and …

1 min read
Read More
Nebari Logo

Flutter - State Management

cgrant
Jul 27, 2022

Local state - State that can be contained within a single widget. Local or ephemeral state. setState & Stateful widget. State that only effects a single widget. Global / Shared state - State that …

1 min read
Read More
Nebari Logo

Flutter - UI Quick Reference

cgrant
Jul 22, 2022

Flutter - UI Quick Reference Rounded Corners Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(12), ), ) Font Style Text( "MyLabel", style: TextStyle( fontWeight: …

1 min read
Read More
Nebari Logo

Flutter - MacOS Build

cgrant
Apr 24, 2022

Flutter - MacOS Build To make a local executable for mac: From the terminal type flutter build macos The app is create under: build/macos/Products/Release/{yourapp}.app [!tip]+ Target level issues The …

1 min read
Read More
Nebari Logo

Flutter - HiveDB

cgrant
Mar 26, 2022

View Source Code Here Hive DB This example explores the use of HiveDB for local storage in dart & flutter Dependencies HiveDB requires four entries in your pubspec.yaml. Two belong under the …

3 min read
Read More
Nebari Logo

Flutter - JSON from File

cgrant
Mar 26, 2022

View Source Code Here Flutter JSON from file This example loads a sample dataset from a file and displays a random entry in the UI Loading data from a static json file Register the file in the assets …

1 min read
Read More
Nebari Logo

Flutter - List Sorting

cgrant
Mar 26, 2022

View Source Code Here Flutter List Sorting This example demonstrates how to sort a List of items. Given a list of users and a sort order (isDecending) bool isDecending = false; List<String> …

1 min read
Read More
Nebari Logo

Flutter - YouTube Player

cgrant
Mar 26, 2022

View Source Code Here YouTube Player This example explores playing youtube videos inside flutter apps. The package youtube_player_flutter has a sister project called youtube_player_iframe both located …

3 min read
Read More
Nebari Logo

Flutter - List Filtering

cgrant
Mar 26, 2022

List filtering View Source Code Here To get a subset of items from a List in flutter you can use the List.where() method. The method loops over all entries in the List passing them to a custom …

1 min read
Read More
Nebari Logo

Flutter - Repository Pattern

cgrant
Mar 26, 2022

Flutter Repository Pattern View Source Code Here This repo demonstrates using the repository pattern for layering your architecture. In this design the view utilizes a generic interface to get and set …

1 min read
Read More
Nebari Logo

Flutter - ListView Dynamic Data

cgrant
Mar 26, 2022

ListView with Dynamic Data View Source Code Here This example implements the common use case of displaying a ListView using a dynamic set of data from an external source. For this example the data is …

1 min read
Read More
Nebari Logo

Flutter - Classes & Constructors

cgrant

Classes & Constructors class Person { final String first; final String last; final String email; Person : first = "none"; // initializer list assigns variables before the constructor runs …

1 min read
Read More
Nebari Logo

Flutter - Code Basics

cgrant

Code Basics the main.dart file executes the app with the following convention void main() => runApp(MyApp()); MyApp() is a class that extends either a StatelessWidget or StatefulWidget. In general …

2 min read
Read More
Nebari Logo

Flutter - Connecting to Firestore

cgrant

Flutter - Connecting to Firestore [[../../../_notes/code/Flutter]] Make sure you’ve configured your project using the instructions in [[Flutter - Firebase Setup]] Add the dependency to your …

1 min read
Read More
Nebari Logo

Flutter - File & Folder Structures

cgrant

Key Files & Folders Before getting into the coding lets refresh on the core concepts Lib: the core source files are under /lib Main.dart: Typically there’s a minimal main.dart file Pubspec: …

1 min read
Read More
Nebari Logo

Flutter - Firebase Setup

cgrant

Getting started It used to be somewhat challenging to configure [[Firebase]] and [[../../../_notes/code/Flutter]]. Now though they’ve provided a new flutterfire CLI to assist and it’s …

1 min read
Read More
Nebari Logo

Flutter - firestore-connections

cgrant

2 Connecting to firestore First add the dependency open the file pubspec.yaml and add the dependency for cloud_firestore dependencies: flutter: sdk: flutter cloud_firestore: ^0.8.2 Make sure to run …

3 min read
Read More
Nebari Logo

Flutter - ios-google-signin

cgrant

tips Google sign in on ios crashes for me this was a good thread https://github.com/flutter/flutter/issues/44564 As noted in that thread, I needed to add a url scheme as mentioned here …

1 min read
Read More
Nebari Logo

Flutter - Model Conventions

cgrant

Once you review this, go look at [Freezed](https://pub.dev/packages/freezed) to simlify creation with generated classes Utilize a lib/models folder for your classes Utilize initializer lists for …

1 min read
Read More
Nebari Logo

Flutter - Model Conventions

cgrant

Flutter Model Conventions Utilize a lib/models folder for your classes Utilize initializer lists for simple setters instead of full constructors Utilize named constructors like .fromMap() to …

1 min read
Read More
Nebari Logo

Flutter - Packages and Imports

cgrant

Packages and Imports Files can reference each other with standard paths following the package name. Assuming the following structure flutter_my_demo - pubpsec.yaml (name: flutter_my_demo) - lib/ - …

1 min read
Read More
Nebari Logo

Flutter Connecting to Firestore

cgrant

Flutter Connecting to Firestore [[../../../_notes/code/Flutter]] First add the dependency open the file pubspec.yaml and add the dependency for cloud_firestore dependencies: flutter: sdk: flutter …

3 min read
Read More
Nebari Logo

Flutter Google SignIn with iOS

cgrant

Flutter Google SignIn with iOS [[../../../_notes/code/Flutter]] Google sign in on ios crashes for me this was a good thread https://github.com/flutter/flutter/issues/44564 As noted in that thread, I …

1 min read
Read More
Nebari Logo

Flutter Home

cgrant

Flutter Development You forgot everything again didn’t you 🙂 OK let’s try to get you back up to speed quicker this time. Go through the install process if you’re really starting …

4 min read
Read More
Nebari Logo

Flutter ios-google-signin

cgrant

Google sign in on ios crashes for me [[../../../_notes/code/Flutter]] this was a good thread https://github.com/flutter/flutter/issues/44564 As noted in that thread, I needed to add a url scheme as …

1 min read
Read More
Nebari Logo

Flutter TOC

cgrant

Flutter Getting started Install Flutter [[flutter-top-10-vs-code-tips|Setup VS Code]] [[../Flutter - File & Folder Structures|Review File and Folder Structures]] [[../Flutter - Code Basics|Review …

2 min read
Read More
2 3 4 »

Stay Updated

Get the latest articles delivered straight to your inbox. No spam, just quality insights.