Image for post
Image for post

If you’re getting hung up on either trying to figure out how to set up your launch screen on Android by following the Flutter docs or having issues with the image scaling, try this quick guide on getting it to work as you intend.

I created a new Flutter project and also a PNG image I will use on the launch screen:


Image for post
Image for post

You may already know that images can contain sensitive information such as GPS coordinates of where the image was taken. This information is stored in the image’s metadata, also known as the EXIF (Exchangeable Image File Format) data. Depending on your use-case, of course, it is a good idea to delete this information before you store it for the world to access.

You will want to check with your storage medium first, as they may already strip all metadata from any file that is uploaded via their services. However, some platforms, such as Google Cloud Storage, do not remove metadata automatically — and if their API doesn’t allow this functionality, then you will have to implement it yourself. …


Image for post
Image for post

You may be wondering if you can integrate Firebase’s anonymous authentication in your application and still maintain some level of persistence (and security) with your back-end. This article details what happens to anonymous authentication credentials after performing different actions with the app.

Here’s the TL;DR summary:

Closing the app and re-opening it from the emulator: Persists

Closing the app and re-running it from the IDE: Persists

Signing in anonymously multiple times: Persists

Signing out and signing back in: Does not Persist

Deleting the app’s cache: Persists

Deleting the app’s data (storage): Does not Persist

Using shared_preferences and clearing its data…


Image for post
Image for post

Installing an SSL certificate on your website hosted with FranTech is a pretty straightforward process, but it can be a bit confusing on your first run. Here I’ll walk you through the steps for getting your certificate installed.

You’re going to hit some errors if you just try to issue a certificate via Let’s Encrypt™ SSL if you haven’t done some configuration first — so let’s get to that configuring now.


The email sent regarding the deprecation of Fabric Crashlytics on November 15, 2020
The email sent regarding the deprecation of Fabric Crashlytics on November 15, 2020

You’re probably upgrading because you’ve been getting those emails from Google about the Fabric Crashlytics deprecation occurring on November 15, 2020. If you’re running into some problems while upgrading, try the steps listed here.

Step 1 — Follow the Migration Guide

If you are just beginning the upgrade, skip this article and follow the Migration Guide. Following that guide should solve 99 percent of the problems you’ll encounter if you try to migrate without guidance.

Keep in mind that once you upgrade the Crashlytics plugin, you will likely see a host of problems occur due to other incompatible Firebase plugins. So upgrading Crashlytics most likely won’t be as simple as just updating your pubspec.yaml and changing the syntax in your code regarding Crashlytics. …


The “Live” toggle enabled
The “Live” toggle enabled

TL;DR: Be sure you have filled out the information in the “Basic” section of “Settings”

I recently noticed that the Facebook API may not always give you a reason why your app isn’t switching to “Live Mode” from “In Development.” In my case, it just showed a circular progress indicator and then disappeared after a few seconds — no guidance or warning on why.

If this is happening to you, it should be a simple fix:

  1. Go to your Facebook Developer page and login
  2. When you try to switch the “In development” toggle to put it on “Live,” this is when the circular progress indicator appears. …

A .gif image of tapping the ListTiles to show two different splash/highlight colors
A .gif image of tapping the ListTiles to show two different splash/highlight colors

After seeing a ton of different answers about changing the splash color of different widgets, namely ListTile, here are two quick ways of doing it:

Be sure to check your specific widget, as some (such as RaisedButton and IconButton) already have splashColor and highlightColor properties you can set without having to modify or add a Theme.

Option 1: Set it in your app’s ThemeData

Caveat: This option will change ALL widgets using splashColor or highlightColor to the colors you set, so if that doesn’t work for you, go for Option 2.

  1. In your main.dart file, add ThemeData to your MaterialApp ‘s theme property (if it isn’t already there).
  2. Within ThemeData, add the splashColor and highlightColor properties. …


The OverlayEntry animating across the screen (right to left)
The OverlayEntry animating across the screen (right to left)

Want to give some type of dialog in response to an action but the provided Tooltip class just isn’t doing it for you? Maybe it’s time to look at implementing an OverlayEntry.

What is a tool tip?

A tool tip is generally a static text label that appears over something on your screen that provides more insight into what that something does. Some widgets come out of the box with a tooltip property that you can set:


It seems that quite a few people want to modify the built-in Flutter ExpansionTile widget, so that is what we will do right now — and it’s easy.

Gif of Custom ExpansionTile using RotationTransition and FadeTransition
Gif of Custom ExpansionTile using RotationTransition and FadeTransition
Custom ExpansionTile using RotationTransition and FadeTransition

This is not an example of everything you can do with a custom ExpansionTile, rather it’s an example to get you set up to where you can do anything you want with a custom ExpansionTile (or any other widget in general).

Flutter offers many UI options right out of the box, but sometimes you may want to tweak them a bit for your liking. …


Image for post
Image for post

Having issues with launching your Flutter application after moving it from Windows to Mac or from Mac to Windows— or to another machine in general? Here is a quick checklist of what you may need to do to get it all working again.

Step 0: Move the Project

The most common way to move your Flutter project to a new machine is to do so via a repository service like GitHub. Setting your project up that way is beyond the scope of this article, but there are plenty of tutorials out there on how to do it.

Another way to move your project is to just copy and move your Flutter project to another machine via a USB drive, local network, or any other way you prefer. If you plan on doing it this way, I highly suggest you only work on one version at a time so you don’t have essentially two different projects branching away from each other. …

About

Rob Jones

Programmer/Generalist. Owner/Operator at rechor.com

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