Tag: flutter tutorial

July 14, 2020

Design alarm app UI in Flutter

To become an expert in Flutter, start with the basics first. Introduction This is another basic UI design tutorial in Flutter. Today I will show you how to design a basic alarm app UI using some simple widgets like Row, Column, Text, Stack, Circle Avatar, and Icons. Implementation Design approach In one of my recent Flutter tutorial, I have discussed the Row and Column design […]

July 12, 2020

Learn how to design profile details UI in the Flutter

Start Your journey in the Flutter by learning some basics of UI design Introduction Hello Developers 😎, I am back with another UI design in the Flutter. Today I will show you how to design a basic profile details view. I have made the code as simple as possible by using widgets like Column, Row, Expand, Align, Padding, Container, Text, and Stack. So many things […]

June 29, 2020

How to generate signed APK for the Flutter project

I like the developing mobile apps using the Flutter but when it comes to generating a signed APK or app bundle for the Flutter project then it becomes a little tricky πŸ€ͺ. Because there are many ways you can generate the project build. In this tutorial, I will show you the simplest way of generating singed APK for the project. For this method, you need […]

June 22, 2020

Change gradient color dynamically in the Flutter

You can use dynamic gradient color concept to design the Instagram login UI Introduction Today’s flutter tutorial is about a gradient design. I will show you how to change the gradient color dynamically just like the old Instagram login page UI. We will design a flutter app with a gradient view whose color will change dynamically. Implementation Let’s start the implementation part now. Create a […]

June 16, 2020

Design Dice Roll app in flutter

Dice Roll app is specially designed for beginners who want to learn the basics of flutter. Overview If you are reading this flutter tutorial then you must be here to learn the flutter basic concepts. Then you are in the right place. In this tutorial, I will be covering the basic flutter widgets like image, label, and button. I will show you how to create […]

June 7, 2020

Circular image view in Flutter

Design custom circle or circular image view Introduction Hello πŸ‘‹, this tutorial is going to be very short and crisp. Today I will show you how to design a circular image view in the flutter. This type of circular image view is commonly used for displaying an avatar or profile pic. In this post you will learn the following concepts: Container widget Box Decoration How […]

May 28, 2020

Toast notification in flutter

An easy way of implementing toast notification in flutter Introduction In this small tutorial, you will learn how to implement toast notification in your flutter app. A toast notification is a simple text wrapped up in a box that shows up at the bottom of the screen and disappears after one or two seconds. Implementation Create a new flutter project in android studio. Check how […]

May 27, 2020

Popup menu in flutter

Learn how to use popup menu in flutter with easy steps Introduction Hello πŸ‘‹ , In this small tutorial I will show you how to use the popup menu in the flutter with some easy implementation guide. This is going to be a tutorial for beginners. In this article you will learn how to use PopupMenuButton, GridView.count, and PopupMenuItem widgets. Enough talking 😴let’s start with […]

May 19, 2020

Circular progress indicator in the flutter

Basics of CustomPainter and build Circular progress indicator Overview There are thousands of libraries available on the internet which can easily provide you the circular progress indicator without writing a single line of code. But if you are a beginner and want to learn the basics then you should try to build your own components first. In this article, we are going to cover the […]

May 16, 2020

How to export Adobe xd designs directly to flutter widgets.

Does this new plugin really write code for you? Overview Flutter has recently announced its support for adobe xd. Now you can import your adobe design directly to flutter widgets. Yes, you heard it right. Now, no need to do coding for the UI design. This new plugin will do everything for you. But does it really work? Let’s see how to use this new […]