Tag: flutter UI tutorial

April 20, 2021

How to add shimmer effect in Flutter

Let’s shimmer the UI when it’s loading Hello devs 👋 , welcome back to another Flutter Tutorial. Today we are going to learn what is shimmer effect and what all we can do using it. This tutorial is specially designed for those who really want to learn the basis of Flutter mobile development. What is the shimmer effect? Usually whenever we open an app then […]

April 6, 2021

Design custom button using tap gesture

Let’s create a button from the scratch using tap gesture in Flutter Introduction Welcome back to another Flutter tutorial. In this article, I will cover the fundamentals of gesture. What are the different types of gestures are given in the Flutter? After learning the basics, I will show you how to design your own custom button widget using gestures. What is Gesture? The different types […]

February 4, 2021

How to blur any widget in Flutter

Blur any widget using ImageFiltered class in Flutter Introduction Hello devs, today we are going to learn a very easy implementation to blur any widgets like text, image, card view, etc. If you will search this on Google then you will get many results but believe me, all are a little hard to implement. Let me tell you the new and easiest way to blur […]

December 18, 2020

How to use the Bottom Navigation bar in Flutter

Getting started with the Bottom navigation bar in Flutter Hello devs, let’s learn everything about the bottom navigation bar. In this Flutter Tutorial, I will try to cover all the basics and I will show you how to implement it in your Flutter app. What is the use of the Bottom Navigation bar? Before starting with the implementation part have you thought of this “Do […]

September 10, 2020

Custom Alert Dialog in Flutter

Learn all the basics concepts related to Alert Dialog in Flutter Introduction This is going to be a very basic Flutter Tutorial designed for beginners. In this article, you will learn everything about the Alert Dialog in Flutter. By the end of this tutorial, you will be able to design your own custom Alert Dialog. What we will build? I will show you three types […]

July 29, 2020

How to become pro in Flutter UI designing?

Easy tips for the Flutter UI developers Overview Flutter is one of the fastest-growing platforms for mobile app development. Not because it is from Google but because of its simplicity. Just by using a few simple widgets, anyone can develop very complex UI in very little effort compared to native iOS and Android code. Using flutter you can design iOS, Android, and now even web […]

July 21, 2020

Dialer Screen: Basic UI design in Flutter

To become an expert, master the basics first Introduction Hello 👋 , this is going to be another basic UI design tutorial in the Flutter. In this tutorial, I will show you how to design dialer UI ( Clone of Samsung dialer ) in the Flutter. You will learn the basic widgets like Row, Column, Expanded, CircleAvatar, and many more. Let’s get started đŸŠčđŸ». Implementation […]

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 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 […]