Use Google fonts to change your apps font in over 1000 ways

Photo by Alexander Andrews on Unsplash

Four years ago, Google woke up and thought, why don’t we create our own multi-platform framework and “Flutter” away with it?

Since then, Flutter has grown steadily in popularity, and within the next three years, it’s become the primary choice for app, desktop, and web development. Well maybe not that fast, but the framework definitely has a lot of potential.

To express your individuality and stick out of the masses, a custom text font can help. In the following sections, we will create an app that displays a selection of different text fonts.

Therefore the fonts should be divided into…


Pick over 1000 Google fonts for your Flutter apps

Photo by Alexander Andrews on Unsplash

Four years ago, Google woke up and thought, why don’t we create our own multi-platform framework and “Flutter” away with it?

Since then, Flutter has grown steadily in popularity, and within the next three years, it’s become the primary choice for app, desktop, and web development. Well maybe not that fast, but the framework definitely has a lot of potential.

To express your individuality and stick out of the masses, a custom text font can help. In the following sections, we will create an app that displays a selection of different text fonts.

Therefore the fonts should be divided into…


Build beautiful Android and iOS apps

Photo by Onur Binay on Unsplash

To design beautiful native apps Google introduced the Flutter UI in 2017. This Cross-Plattform UI Kit can be used to build web, Android, iOS, or desktop apps from a single codebase.

Flutter is written in C++ but uses the Dart Language for programming. It has a growing community and nice support from Google itself including YouTube Videos about reusable widgets.

With the website pub.dev, the Flutter team makes it possible to publish and share reusable packages to program Dart and Flutter apps.

This article lists one of the most liked and popular packages to demonstrate the huge possibilities of the…


Launching mail-, phone-, sms- or web-urls with the url-launcher in Flutter

Photo by SpaceX on Unsplash

Hello and welcome to my post about How to launch Urls in Flutter. Through regular content, applicable examples, and best practices, I’ll teach you how to use Flutter and Dart a little bit more every week. If you want to see the first post of this series head over to How to validate Emails in Flutter.

Url-launcher

Your app isn’t always everything. It happens that you provide an external url that links to a website. Or you provide an email address or even a phone number in the contact form…


Datetime formatting made simple using this package

Photo by Brett Jordan on Unsplash

Hello and welcome to my post about How to format datetime in Flutter. Each week I will analyse another package published under pub.dev including a working example to implement in your own project. If you want to see the first post of this series head over to How to validate Emails in Flutter.

Date Format

This week’s widget is mandatory if you want to display a certain date or time inside your app. The Date Format package helps you to display time, date, time zone, weekday and some more, regardless of their order. Therefore you have to specify a dateformat string in…


Create a Convex Bottom Appbar using this package.

Photo by Ashley Byrd on Unsplash

Hello and welcome to my post about Flutter Package Testing. Each week I will test another package published under pub.dev. If you want to see the first post of this series head over to How to validate Emails in Flutter.

Convex Bottom AppBar

This week's widget is a UI Widget to bring your AppBar experience to a new level. The Convex Bottom AppBar widget made you create - who guessed it - a bottom appbar for your flutter app. The widget provides you with a fast to implement appbar and seven predefined styles.

The purpose

In nearly every app you have multiple screens. By providing…


Creating Social Media Sign-in Buttons using this Flutter package

Photo by Bastian Riccardi on Unsplash

Hi there, and welcome to my post about Flutter Package Testing. Each week I will test another package published under pub.dev. If you want to see the first post of this series head over to How to validate Emails in Flutter.

Flutter Signin Button

To create simple Sign-in Buttons for Social Media the package Flutter Sign-in Button is a good choice. You often see them when you’re on a login page and there is also an option to sign in with your social media account like Facebook or Twitter. The package also supports mini Buttons. …


Validation made simple using this Flutter package

Photo by Solen Feyissa on Unsplash.

Welcome to my first article about Flutter package testing. Each week, I will test another package published under pub.dev.

Email Validator

This week’s package provides you with one easy-to-use function to validate an email input. The author mentions that this is a simple (but “correct”) Dart class for email validation without using regular expressions. We’ll come back later to why he calls it correct.

The Purpose

I think the purpose of this package is very clear. For example, if you want to register a user with an email address and a password, you have to verify that the email address is valid. If it’s…


Build next-level navigation in your Flutter app

Photo by Sebastian Hietsch on Unsplash.

When it comes to navigation between multiple pages, you can’t get around the Flutter Navigator. However, repetitive code when calling the same pages over and over can be very annoying.

Why not move page routing to a separate class and make routing even easier?

The Basics

In order to jump to another page by clicking on a button, for example, we use the Flutter Navigator:

Navigator.of(context) uses the Navigator instance with the current BuildContext. Then a new page is placed on top of the current one using the push function. …

Luciano Jung

enthusiastic full-stack developer balancing work & freetime

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