Flutter: Get the Position of a Tap (X & Y coordinates)

August 12, 2022 A Goodman

This short and straightforward article shows you how to get the location (X and Y coordinates) of a tap in Flutter. The TLDR What you need to do is to wrap your entire screen (or a…

Flutter: Showing a Context Menu on Long Press

August 11, 2022 A Goodman

When developing apps with Flutter, there might be cases where you want to show a context menu when your user long press on an element. The location of the context menu will be near the press…

Flutter: Turn an Image into a Base64 String and Vice Versa

August 10, 2022 Snowball

In Flutter, you can encode a local or network image (or another kind of file) to a base64 string like this: You can decode a base64 string to an image file like this: In case you…

TabBar, TabBarView, and TabPageSelector in Flutter

August 9, 2022 A Goodman

This practical article is about the TabBar, TabBarView, and TabPageSelector widgets in Flutter. We’ll have a glance at the fundamentals of those things and then examine a concrete example that demonstrates how they work together in…

Flutter: How to Add a Border to a ListTile

August 8, 2022 Guest Contributor

In order to add a border to a ListTile widget in Flutter, you can assign its shape property to RoundedRectangleBorder, BeveledRectangleBorder, or StadiumBorder. You have control over the thickness, color, and radius of the border. Let’s…

Flutter: Creating a Fullscreen Modal with Search Form

August 6, 2022 A Goodman

This practical article walks you through a complete example of implementing a fullscreen search modal in Flutter. Without any further ado, let’s get started. The Example Preview The small app we’re going to construct has an…

Flutter: PageView examples

August 6, 2022 A Goodman

This practical article walks you through a couple of different examples of implementing the PageView widget in Flutter. The first example is simple and straightforward, while the second one is a little bit complex because it…

Flutter: How to Format Numbers as Currency Strings

August 6, 2022 Guest Contributor

Overview In order to format numbers as currency strings in Dart and Flutter, we can make use of the NumberFormat class provided by the well-known, official package named intl. There are several constructors for the job….

Flutter & VS Code: Auto Trigger Hot Reload on Save

August 6, 2022 A Goodman

When developing apps with Flutter and VS Code (Visual Studio Code), most of us perform a hot reload by focusing our mouse pointer in the terminal window and then pressing the well-known shortcut Shift + R….

How to Parse and Render XML Data in Flutter

August 4, 2022 A Goodman

This succinct article shows you how to parse and display XML data in Flutter. Overview Like JSON, XML can be used to receive data from a web server. However, JSON is a data interchange format and…

Flutter: Full-Screen Semi-Transparent Modal Dialog

August 4, 2022 A Goodman

This practical article shows you how to implement a full-screen semi-transparent modal dialog in Flutter (with some animations). A Quick Overview To make the mentioned dialog, we create a class named FullScreenModal (the name is totally…

Dart: Calculating the Average of Data in a List

July 28, 2022 A Goodman

This practical, succinct article walks you through two examples of calculating the average of numerical data in a given list. The first example works with a simple list that contains only numbers, while the second one…

1 2 3 34