KindaCode

Flutter

Flutter and Dart tutorials, tips & tricks

Flutter Firebase Auth: MISSING_CUSTOM_TOKEN

Updated: Feb 15, 2023

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

Flutter: Drawing Polygons using ClipPath (4 Examples)

Updated: Feb 15, 2023

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() { ......

How to create custom Accordions in Flutter without plugins

Updated: Feb 15, 2023

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

5 Ways to Create Rounded Buttons in Flutter

Updated: Feb 15, 2023

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

Flutter: Showing SnackBar with ScaffoldMessenger

Updated: Feb 15, 2023

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,......

Flutter: Hide current SnackBar before its duration ends

Updated: Feb 15, 2023

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

How to add a TabBar to the AppBar in Flutter

Updated: Feb 15, 2023

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

Flutter: Set an image background for a Container

Updated: Feb 15, 2023

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

How to implement SimpleDialog in Flutter

Updated: Feb 15, 2023

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,......

Flutter: Call a void function from another file

Updated: Feb 15, 2023

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