Flutter

The CupertinoSegmentedControl widget in Flutter displays widgets from a map in a horizontal list and also creates an iOS-style segmented control bar. When one option in the segmented control is selected, the other options in the......

In this article, we’ll build a simple BMI (body mass index) calculator with Flutter from scratch. This tutorial aims at people who are new to Flutter, so I’ll make it as simple as possible with the latest Flutter updates......

A few examples of using the ColorFiltered widget in Flutter. A Prefatory Note The ColorFiltered widget is used to apply a color filter to its child widgets. It takes 3 parameters: key (optional), child (a child widget –......

This practical article shows you a couple of different ways to add a drop shadow to a widget in Flutter. The first four approaches are to use self-written code while the last one is to make use of a third-party package (for special......

In Flutter, you can create a transparent or translucent app bar by doing the following things: Set the backgroundColor property of your AppBar widget to completely transparent (Colors.transparent) or translucent (a color with opacity......

The example below shows you how to create a custom icon picker from scratch in Flutter. There is no need to install any third-party packages so our icon picker will be neat and extremely flexible (you can design it the way you want),......

This article is about hiding and showing the status bar in Flutter applications. Overview A status bar presents some information such as time, wifi, battery life, etc. Here is the status bar on iOS (the left one) and Android (the......

If you have worked a bit with HTML and web frontend then you should be not unfamiliar with hyperlinks, which are added with <a> tags and are clickable to perform some action like opening a URL, displaying a modal box, showing a......

This article walks you through a couple of examples of viewing PDF (.pdf) documents from within a Flutter app. We are going to use the following PDF file for testing......

This article shows you how to create selectable and copiable text in Flutter. Overview In Flutter, the text presented by the Text widget is undetectable (even on the web). To make text selectable, you can use the SelectableText......

This article shows you how to remove the hash symbol (#) from Flutter web application URLs. You’ll also learn a technique to avoid a common error you will likely run into if you’re building a cross-platform......

The Problem When working with one of the recent versions of Flutter, you might be annoyed by the following warning: Do not use BuildContexts across async gaps This warning means that you should not use BuildContext after an......