Image for post
Image for post
Photo by Thomas William on Unsplash


With the Stacked architecture

In this article, I will be explaining how to display a video directly from a URL in Flutter (although any video URL will work). If you’re interested in saving videos to Cloud Storage, check out my previous article on that exact subject.

If you do have videos in Cloud Storage, I’m assuming you’ll eventually want to display them. Maybe you need to show a video thumbnail on one screen and then the full video on another. Maybe you want to embed a video in a tutorial to explain how an app feature works. …

Whether you want to draw attention to the salient points of a sentence or indicate to user’s that certain text is hyperlinked, at some point in your Flutter Journey you’re going to want to underline some text. Fortunately, Flutter offers several solutions that will get you from this to t̲h̲i̲s̲.

FYI I used to add the underline in Medium

As the old adage goes, the simplest solution is usually the best solution. On that note, we will begin our investigation with the Text widget.

The Text Widget

The simplest version of a text underline can be done by specifying a TextDecoration inside your Text widget’s TextStyle. …

Inspired by this Stack Overflow post

For an app that deals heavily with uploading and downloading images from a server, file size can make or break the user experience. Large files will take longer to save, display, and manipulate, all of which will affect the app’s network performance. Depending on how image-heavy the application is, users may spend more time staring at loading screens than actually interacting with content.

The HTTP Archive has some interesting data on how often mobile applications and websites request images, as well as the average size of those images. …

From Widget to BitmapDescriptor

By following this CodeLab, you’ll be able to add Google Maps to your Flutter application in less than an hour. It’s actually pretty crazy how easy it is. Set up your API keys, add the GoogleMap widget to your widget tree, and enjoy the same map browsing experience you typical enjoy with the Google Maps application.

Image for post
Image for post
Default Google Maps icon

After getting acquainted with the google_maps_flutter package however, you’ll inevitably want to customize your map markers and realize that the available solutions are rather limited.

Use Image Assets

Use Network…

I’ve used Google’s Firebase/Firestore database solution for nearly 6 months and had come to believe that it was an unstoppable force. If you’re only dealing with numbers, strings, and other simple data forms, this is true. The NoSQL database gives you immense control over how you store information a provides querying tools that can be used to find items meeting very specific criteria in a snap.

But if you’re interested in storing and retrieving larger files like images and audio clips, Firestore is not the solution you need.

Instead, you’ll need to use Cloud Storage. Google designed this storage solution specifically for storing user-generated content like images and videos and behind the scenes it features cool benefits like intermittent uploading and downloading based on your app’s connectivity status. …

Flutter Newbies Start Here

If you’re new to Flutter development, I’d recommend starting with something a little less involved.

I used this book to learn the Flutter language:

Beginning Flutter: A Hands On Guide to App Development

And this one to get started with mobile app development:

Android Studio 3.4 Development Essentials — Kotlin Edition: Developing Android Apps Using Android Studio 3.4, Kotlin and Jetpack

…And Let’s Go

Good morning, afternoon, and evening to all the Flutter developers in the world and welcome to the blog post that’s going to make you love Google’s cross-platform development language more than you already do! For those of you that aren’t familiar with the number one rising language for mobile development, get familiar. …

Scalable Vector Graphics (SVGs) are incredibly useful if you are designing and developing for multiple, uniquely sized device screens. Rather than defining the pixels within an image, an SVG defines the lines, curves, colors, and opacities that should be used to draw an image. In this way, an SVG will appear crisp and un-distorted regardless of the available space.

This is not the only benefit of SVGs, though. Because each separate piece of an SVG is defined by coordinate-like values, you can handle interaction with each piece separately. For example, you could create a map where each country can be selected and highlighted. Or you could hide the parts of an image that a user taps on. …

Google’s Cloud Firestore is a tool that should be in every mobile app developer’s tool belt. The flexible and scalable database that it provides is unlike anything a coder could create alone and if your app is designed for a global audience, there aren’t many solutions like it. Plus, there’s a Flutter package ( cloud_firestore) that’s designed to make Flutter and Flame play nicely together.

Unfortunately, there is one downside. The tool isn’t free to use and every read/write transaction your app makes with the Firestore database is counted against your daily quota (50,000 daily reads and 20,000 daily writes for the free tier plan). …

It’s all about the presentation

Image for post
Image for post
Photo by NordWood Themes on Unsplash

When designing a new app, there’s a lot of work that goes into designing and implementing the app logic. You need to design your database structure, the navigational scheme, and the user interface all while trying to stick to a coherent theme. When all is said and done, the development process for a small app can take between 3 and 9 months …and you might not always get it right the first time. …

Receiving and acting on user input is essential to the success of most apps these days. If the experience of typing words into a form field or search bar is frustrating, user’s may be discouraged from using your app. For instance, maybe the input field doesn’t auto-capitalize words even though it should. Or maybe deleting the current value in a form can only be done by hitting the backspace button seventeen times. It’s the little things like this that can send some people over the edge.

In this article, I’m going to focus primarily on adding a conditional clear icon to TextFields in Flutter. …


Joseph Muller

Blogging at now. Flutter. Firebase. Android. Kotlin. 3D Printing. Arduino.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store