Category: Flutter

• Nov 25, 2022

  How to use tabs in Flutter?

  Flutter provides a TabBar widget that displays a horizontal row of tabs. In this post we will learn how to use TabBar widget in a Flutter app. Steps to use TabBar widget – 2. We create tabs using the TabBar widget. 3. Now, we need to display content when a tab is selected. We pass…
• Oct 2, 2022

  How to show date picker in Flutter? -Flutter showDatePicker function

  The showDatePicker() function in Flutter displays a dialog with a Material Design date picker. Let’s see how we can use this function. How to show date picker in flutter? You call the showDatePicker() function like this – Let’s know about the initialDate parameter. When you open a dialogue to select a date in an app,…
• Sep 7, 2022

  Video player in Flutter – Flutter video_player plugin

  In this post, you will learn to create a video player app using a flutter plugin called video_player. This plugin makes it very simple to create a video player. From the official doc: A Flutter plugin for iOS, Android and Web for playing back video on a Widget surface. How to use video_player in flutter?…
• Aug 27, 2022

  How to pick image from gallery in Flutter? – image_picker

  In this post, you will learn how to pick an image from the gallery in a flutter app. You will also learn how to open the camera from a flutter app to capture a photo and show it in the app. I will use a plugin called image_picker to pick an image from the gallery…
• Aug 14, 2022

  url_launcher in Flutter.

  Many times, an app wants to launch another app present on the user’s device to accomplish a task. For example, if your app has a “contact us” option, then you might give your app users options like email, text message, or call to contact. Then in this scenario, your app can simply launch an app…
• Jul 29, 2022

  How to show an alert dialog in Flutter? – Flutter AlertDialog

  Let me start this post with a question. In a flutter app, how would you notify the user of situations that require acknowledgment? The answer is to use an alert dialog. An alert dialogue notifies the user of situations that require their acknowledgment. An alert dialogue may include a title and a list of actions.…
• Jul 22, 2022

  Right side drawer in Flutter

  In this post, you will learn to add a drawer to the right side of the screen in Flutter. In case you want a step-by-step guide on how to add a drawer in flutter, then here’s the link to my post on this topic – http://developerxon.com/2022/04/13/how-to-create-a-drawer-in-flutter/ How to add a right-side drawer in flutter? We…
• Jun 5, 2022

  Stack widget in Flutter

  You use the row widget to place the children in a horizontal array and you use the Column widget to place the children in a vertical array. But, what if you want to place the children in an overlapping manner, i.e; the child at the top overlaps the child below it. In other words, what…
• May 12, 2022

  How to disable ElevatedButton? – Flutter

  In this post, we will see how to disable ElevatedButton in flutter. I will show you two codes – One is for simply disabling the button and the other is to disable the button after a user has surpassed a certain number of taps. To disable ElevatedButton in flutter you simply have to pass null…
• May 10, 2022

  Flutter ElevatedButton with icon and text

  In this post, we will see how to create an ElevatedButon with icon and text. To create an ElevatedButton with icon and text we use the ElevatedButton.icon constructor. ElevatedButton.icon creates an ElevatedButton that arranges the icon and the label (text) in a row that is padded by 12 logical pixels at the start and 16…