My Flutter Tips & Tricks on Twitter 👇

Overview

Flutter Tips & Tricks

A collection of all the Flutter tips & tricks I share on Twitter. If you find this useful, give it a star! 🌟

Preview

Full List

I'm adding new tips regularly (newest at the top 👇 ). If you have a suggestion, send me a DM on Twitter!

ID View on GitHub (this repo) Original Tweet Link on codewithandrea.com
60 Do not use BuildContexts across async gaps (and what to do instead) link
59 Flutter Riverpod: How to Register a Listener during App Startup link link
58 Using test tags in Flutter link
57 Singletons in Flutter: Drawbacks link
56 Riverpod: Async init with Provider Overrides link
55 How to run multiple test variants link
54 Riverpod tip for less boilerplate (Passing Ref) link
53 How to Create DartPad Examples from GitHub Gists link link
52 How to Add a Custom Test Timeout in Flutter link link
51 Golden Image Testing with Robot Testing link
50 Dart 2.17: Enhanced Enums with Members link link
49 Dart 2.17: Super Initializers link link
48 Testing functions that throw link link
47 Why write automated tests? link
46 Riverpod: difference between ref.watch, ref.read, ref.listen link
45 The Map.update() method link link
44 AsyncValue.guard() vs try/catch link link
43 How to write a reactive in-memory store with RxDart link
42 How to Generate and Analyze a Flutter Test Coverage Report in VSCode link link
41 Using Fake Repositories for Testing link
40 Anatomy of a Riverpod Provider link
39 Flutter Project Structure: Feature-first or Layer-first? link link
38 Popular architectures for Flutter development link link
37 Rules to follow for good app architecture link
36 GoRouter: go vs push link link
35 AsyncValue vs FutureBuilder & StreamBuilder link link
34 How to use WidgetsBindingObserver link
33 VSCode extensions to speed-up your Flutter workflow link link
32 Flutter tip: use composition aggressively link
31 How to use the Flutter Widget Inspector link
30 VSCode launch configurations link
29 Domain-Driven Exception Handling link
28 DDD: The Domain Model link
27 Better Comments Extension for VSCode link
26 Running tests with GitHub actions link
25 How to run Flutter Integration Tests at Hyper Speed link
24 Simplified Flutter App Localization link link
23 The Gap Widget link
22 App Development workflow in 6 steps link
21 Repositories as abstract classes (program to interfaces, not implementations) link link
20 How to configure multiple Firebase environments with FlutterFire CLI link
19 How to use Robot Testing to write more readable widget tests link
18 How to create a Flutter GridView with content-sized items link link
17 6 common sources of errors in Flutter apps link
16 Easily handle loading and error states link
15 AsyncValueWidget: a reusable Flutter widget to work with AsyncValue (using Riverpod) link link
14 How to navigate programmatically between tabs in Flutter link
13 Responsive Flutter card layout with SizedBox & Center link
12 How to Validate a TextField in Flutter link link
11 How to Style an ElevatedButton in Flutter link link
10 How to Generate Fake data with the Faker package link
9 Chat UI with message bubbles (revisited) link
8 Chat UI with message bubbles link link
7 How to set the border radius on a Flutter container link
6 Flutter Fix all command link
5 Use the DevTools to identify Jank and Shader compilation issues link
4 Flutter Lints package link
3 Accept payments with the Stripe SDK link
2 Flutter create --sample link
1 Flutter reusable Split View on mobile, desktop and web link link

Spread the word!

If these tips have helped you, make sure to star this repo 🌟 and share this tweet! 🙏

This way others can benefit too and everyone can learn! 👍

How to Contribute

If you find any typos, errors, broken links, or other mistakes, feel free to open a PR.

If you have more Flutter tip ideas, please send me a DM on Twitter.

Thank you for all your input!

LICENSE: MIT

Comments
  • Add tweet 53

    Add tweet 53

    Hey @bizz84

    I just noticed the original tweet https://twitter.com/biz84/status/1533682331386527745 contains an article image at the first message and the link to an article at the last message. But both of these things are missed in the images folder and the MD file. Should I add them to the repository, or keep using only those images and text that exist in the repository?

    opened by webdevleo 1
  • Tweets 33-30, 27-23

    Tweets 33-30, 27-23

    Tweet 33. The link is broken https://marketplace.visualstudio.com/items?itemName=BendixMa.dart-data-class-generator Tweet 31. Missing video. Added comment <!-- TODO: Add Video -->. Tweet 30. Added "030-vscode-launch-options.png" and "030-string-from-env.png" images from Twitter. Tweet 26. Missing video. Added comment <!-- TODO: Add Video -->.

    opened by webdevleo 0
  • Added tweets 14-02

    Added tweets 14-02

    In question 4, there is a video - [Flutter SDK Video demo](004_stripe-test.mp4) Not sure if GitHub supports mp4 or if it should be a gif file, so I have removed this line and replaced it with <!-- TODO: Add Video -->.

    Tweet 6 missed a video. Added comment <!-- TODO: Add Video -->.

    opened by webdevleo 0
  • Added tweets 29, 28, 22-15

    Added tweets 29, 28, 22-15

    Images "0018-cover.jpg", "019-cover.png" were added from Twitter. Also for tweet 15, I have added a couple of comments <!-- TODO: Add GIF --> as three should be gif images.

    opened by webdevleo 0
  • Tip #64 - FutureProvider.family non correctly initialized in the example

    Tip #64 - FutureProvider.family non correctly initialized in the example

    AsyncValue<Weather> weather = ref.watch (weatherFutureProvider) ;

    should be:

    AsyncValue<Weather> weather = ref.watch (weatherFutureProvider('London') ;

    opened by flyby3d 0
Owner
Andrea Bizzotto
Flutter GDE ❖ Creator of codewithandrea.com ❖ YouTube: nnbd.me/yt ❖ Complete Dart Course: nnbd.me/dart
Andrea Bizzotto
This is an open source Tips & Tricks for Flutter, that helps flutter Developers write simple but powerful dart codes.

Showcasing-flutter - This is an open source Tips & Tricks for Flutter, that helps flutter Developers write simple but powerful dart codes.

Paul Edeme'kong - Flutter Fairy 1 Jan 4, 2022
A collection of Flutter apps with some useful tricks

Flutter Apps Collection A simple collection of flutter applications with some common use cases & useful little tricks. The apps have been tested in iO

Anis Benna 5 May 12, 2022
Flut cal - A flutter app for Calculating bill amount and Tips

flut_cal A flutter app for Calculating bills amount and Tips Getting Started To

John Paul Kpantey 1 Jan 5, 2022
Harpy - a Twitter app built with Flutter 🐦

a feature rich Twitter experience built with Flutter harpy is currently still in development. See the project for more information about the progress.

Roberto Doering 1.8k Jan 8, 2023
A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

The Github Mafia 17 Dec 24, 2022
Flutter widget library containing buttons for authenticating with popular social networks: Apple, Google, Facebook, Twitter and Microsoft.

Flutter Auth Buttons This library is now in maintenance mode I'm no longer actively using Flutter and don't have the time to keep this library maintai

Duncan Jones 115 Nov 3, 2022
A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage.

Fwitter - Twitter clone in flutter A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage. Dependencies

Dominique Rwema Bagirishya 31 Oct 5, 2022
This library provides the easiest way to integrate Twitter Cards in Flutter web apps 🐦

The Easiest Way to Integrate Twitter Cards into Your Flutter Web App ?? 1. Guide ?? 1.1. Features ?? 1.2. Getting Started ⚡ 1.2.1. Install Library 1.2

Twitter.dart 3 Aug 7, 2022
The lightweight and powerful wrapper library for Twitter Ads API written in Dart and Flutter 🐦

TODO: Put a short description of the package here that helps potential users know whether this package might be useful for them. Features TODO: List w

Twitter.dart 2 Aug 26, 2022
Flutter Project to delete CuriousCat tweets from your Twitter account!

CuriousCat Deleter App Flutter Project to delete CuriousCat tweets from your Twitter account! Table of Contents Contribute to This Project Repo Issues

Hady Saleh 4 Oct 26, 2022
A privacy-friendly Twitter frontend for mobile devices

Fritter A privacy-friendly Twitter frontend for mobile devices. Features Device-local subscriptions and groups, Newpipe-style, including a feed view D

Jonjo McKay 1k Jan 3, 2023
🆙🚀 Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in

???? Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in (with notice bar progress), supports full upgrade, hot update and incremental upgrade

PengHui Li 344 Dec 30, 2022
ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter

Basic Widgets Examples This is aimed for complete beginners in Flutter, to get them acquainted with the various basic widgets in Flutter. Run this pro

Pooja Bhaumik 815 Jan 3, 2023
Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.

expenses Expenses é uma aplicação android simples feita em Flutter para controlar despesas pessoais. A aplicação consiste em: Listar transações feitas

Guilherme Teixeira Ais 2 Apr 19, 2022
Flutter Github Following Application, Using Flutter Provider and Flutter HTTP to get data from Github API.

Flutter Github Following Application Watch it on Youtube Previous Designs Checkout my Youtube channel Installation Please remember, after cloning this

Mohammad Rahmani 110 Dec 23, 2022
Flutter RSS feed parsing - A demo application of flutter which parse RSS XML contents to the flutter application

Flutter RSS feed parsing demo This is demo application of flutter which shows ho

Nyakuri Levite 3 Nov 15, 2022
Boris Gautier 1 Jan 31, 2022
Code for Flutter Talk from Flutter Vikings 2022: Custom User Interactions in Flutter

Custom User Interactions - Flutter Vikings 2022 A companion app for the Flutter Vikings 2022 talk - Custom User Interactions with Shortcuts, Intents,

Justin McCandless 9 Sep 16, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Johannes Milke 46 Dec 6, 2022