Flutter Drawer Widget Explained with Code Examples

Want to show a beautifully animated sidebar to put navigation buttons or other custom Flutter widgets? Then Flutter drawer widget is what you need. Here, we’ll discuss what the drawer widget is, and practically explain its parameters with Flutter code examples. So, let’s jump right into it. Overview of Flutter Drawer Widget It’s a sidebar…

Bottom Sheet in Flutter Code Examples (Modal, Persistent)

Let’s make our app super beautiful and user-friendly with the bottom sheet in Flutter. I’ll discuss the 2 types of bottom sheets and their parameters with practical Flutter code examples for better understanding. Let’s make our app super beautiful and user-friendly with the bottom sheet in Flutter. So, let’s understand its types and its practical…

How to use Flutter ShowDialog | Code Examples

If you want to display an ad popup, confirmation box, or something that would take the attention of the user, then the Flutter showDialog function is what you need. We can display a Flutter widget in it which will be shown on the screen as modal overlay above other widgets. This showDialog function and its…

Carousel Slider Flutter Explained

Want to show images or other media with beautiful sliding animation in your Flutter app? Don’t worry, the carousel slider Flutter will solve this problem. Its main feature is to slide the items horizontally. It can either move automatically or you can control it by swiping. We’ll practically understand how to import and use a…

Flutter Popup Menu Button Widget Explained

Sometimes showing more items covers most of the width or height of Flutter app’s screen, leaving less or no space for other items. Flutter popup menu button widget solves this problem by putting all these items in its menu popup. This widget has multiple parameters through which we can customize the appearance of it as…

How to use Flutter Container Widget

Having a widget that have properties like color, padding, shape, shadow, etc. is really helpful in Flutter. That’s where Flutter container widget plays its part. This Flutter widget has so many amazing properties which we’ll discuss practically. Parameters of container widget will be explained with easy Flutter code examples to make this learning super easy…

How to use Flutter Text Widget

You can use Flutter text widget using the Text() widget by passing a string as the first parameter and customizing it with properties like style, textAlign, overflow, etc. For example, Text(‘Hye, Flutter!’, style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)) will display bold text with a font size of 20. For a more detailed version, I’ll explain different…