Category: Material Widgets
-
App Drawer Flutter, E Com App 20
What is an App Drawer in Flutter? In short, it helps us to navigate to another page. But how does it help us in the e-commerce app? We’ll try to answer this question in this section. Before explaining the App Drawer, we must describe why we need it. Right? Firstly, in any Material Design we…
-
Modal Route Flutter, E-Com App 4
What is the Modal Route in Flutter? How can we pass arguments from one screen to the other while navigating? We’ll try to answer these questions in this section. In the previous section we have seen how we can navigate to a new screen with the product detail. Certainly without the Modal Route class, it…
-
Flutter app development, E Commerce App first step
In our previous section we have an introduction to Flutter app development. We’ll build an e commerce app, step by step. In the beginning we used a simple theme. As a result, we have our first screenshot like the following. We can take a look at the first branch where we have the initial code.…
-
Material You Flutter, Next Generation Design
When we want to build beautiful, scalable Flutter apps across platforms, the Material You Design is the best choice. The good news is Flutter 3.0 has good support for using Material You which is the next generation design. We have been discussing Material You or Material Design 3 for Flutter in the last couple of…
-
Navigation Bar in Flutter, Material 3 Component
In our previous discussion we have seen what is Material You or Material 3 design principles. Moreover, we have also learned that Flutter 3.0 has adopted various Material 3 components. The new Navigation Bar Widget is such a Material 3 component. However, the first question that comes to mind is whether the new Navigation Bar…
-
Set theme in Flutter, Best Practices in Material 3
How do we set the theme in Flutter 3.0? Moreover, what are the best practices to use tools and APIs introduced in Material 3. We’ve tried to make the steps as simple as possible so the beginners can also follow along. Therefore, in this section we will learn to write a Flutter app that sets…
-
Material 3 : Flutter Firebase, Provider Blog App Final
Material 3, which is a short form of Material Design 3, is the next generation theme for Flutter apps. According to the Google team, it is the most expressive and adaptable design system yet. How will you adopt Material 3, and apply a custom theme across your Flutter app, depends on you. In other words,…
-
Material 3 Flutter : A Dark Theme in Web App
We’ve been building a Firebase, Firestore and Provider based web app where we have already used Material design 3. Firstly, what is Material design 3? It’s the next generation design that will rule the cross platform application world. Secondly, in our previous section we have changed the look of the existing web app. However, we…
-
Material design 3 Flutter : A Light Theme
How to change design and color of Flutter web app What is Material design 3? How would we apply this theme to new Flutter 3.0? Well, let’s try to answer the questions one after another. Firstly, Material design 3 is the next generation design language. It’s good news that Flutter has supported Material design 3 from…
-
Customise Button Flutter: Chat App – Step Two
How to create a custom button in Flutter? How do we customise our button in Flutter so that the Chat App will look great? To make a custom button, we don’t have to work hard. On the contrary, we can create a custom button quite easily. In addition, we can use that button in our…
-
How to use Flutter App wise color
Every Flutter App has its own look. And the unique look can be created by the ThemeData class. When we do not define, it takes the default color scheme.
-
How to show Simple Dialog in Flutter
The SimpleDialog Widget offers users several choices to pick up any one of them.
-
How to show Dialog in Flutter
We need the function “showDialog()” to display the Material Dialog on the Page.
-
How to use Hero in Flutter
Every Hero Animation in Flutter is distinguished by a special parameter “tag”.
-
Settings Button in Flutter
PopupMenuButton works in conjunction with PopupMenuItem widget in Flutter.
-
SQLite Blog in Flutter: First Part
This is the first part of building a Blog application with SQLite database in Flutter.
-
What is paint in Flutter
We can describe the style on screen with the help of custom paint object.
-
How to use Stack in Flutter
Stack contains a list of widgets and positions them on top of the other children widgets.
-
How to make the AppBar transparent
With a simple tweak in AppBar, we can make it completely or partially transparent.
-
How to use TabBar in Flutter
TabBar is guided by default tab controller that keeps tabs and contents in sync.
-
How to make tab bar view in flutter
The Tab Bar View widget works in conjunction with default tab controller making great designs.