Flutter

This short article is about an error that often happens when using Firebase Authentication in Flutter. The Problem When implementing with Firebase Authentication and Flutter, you may face the MISSING_CUSTOM_TOKEN error. The......

This practical, code-centric article shows you how to draw a triangle, quadrangle, pentagon, and hexagon using ClipPath in Flutter. Triangle Screenshot: The code: import 'package:flutter/material.dart'; void main() { ......

In Flutter, the user can shift the focus between multiple TextFormFields inside a Form by using the soft keyboard (not by tapping the TextFormFields). This article shows you 2 ways to do......

Accordions display collapsible content panels to present information in a limited amount of space. This article shows you how to make Accordions in Flutter without using third-party plugins. Preview Here’s what we’re......

This article shows you how to solve a problem when working with the Dismissible widget in Flutter. The Problem When working with the Dismissible widget in Flutter, you may fall into this error: A dismissed Dismissible widget......

Today, rounding the sharp edges of rectangular objects is a popular trend in design. You can see this everywhere, from cell phones to laptops, from TVs to car monitors. Websites and mobile applications are also in this school, with the......

This article shows you how to use ScaffoldMessenger to display SnackBars in Flutter applications. Overivew ScaffoldMessenger provides APIs for displaying snack bars in a neat and simple way. With the ScaffoldMessenger class,......

TL;DR You can hide the current SnackBar before the end of its duration by using: ScaffoldMessenger.of(context).hideCurrentSnackBar(); This technique is useful in some cases, such as: The user wants to dismiss the SnackBar......

This short article shows you how to add a TabBar to the bottom area of an AppBar in Flutter with DefaultTabController, TabBar, and Tab. Example Preview We’ll make a small Flutter app that contains 2 screens: ScreenA and......

To set an image background for a Container widget in Flutter, we set its decoration property like this: decoration: const BoxDecoration( image: DecorationImage( image: NetworkImage(/*...*/), fit:......

Summary This is a short and straight-to-the-point guide to the SimpleDialog widget (that renders a basic material dialog with some options) in Flutter. In general, the SimpleDialog widget isn’t often used directly. Instead,......

To call a void function from another file in Flutter, there are 2 points you need to know: DO NOT name the function with the underscore symbol ( _ ) at the beginning. For instance, _myFunction() cannot be called in another file.......