Flutter Tabs

Creating Tabs in Flutter App: Using  tabs is a common pattern in apps using the Material Design guidelines. Flutter includes a convenient way to create tab layouts as part of the material library.   Creating Tabs In Flutter App: Create a TabController Create the tabs Create content for each tab Create a TabController: To work with tabs in […]

Flutter UI Orientation

Using the UI based  Orientation: In certain cases, it can be handy to update the design of an app when the user rotates their screen from portrait mode to landscape mode. For example, we may want to show one item after the next in portrait mode and side-by-side in landscape mode.   In this Flutter […]

Flutter SnackBars

Displaying SnackBars In Flutter App : In some situations,  to briefly inform our users when certain actions take place. For example, when a user swipes away a message in a list, then we  want to inform them the message has been deleted. We might even want to give them an option to undo the action! […]

Flutter Drawer

Add a Drawer to a screen: In any apps that employ Material Design, We have  two primary options for navigation: tabs and drawers. When there is insufficient space to support tabs, Drawers provide a handy alternative. In Flutter, we can achieve this with Drawer Widget in combination with a Scaffold to create a layout with a Material Design Drawer! […]


Fade a Widget in and out: As User Interface UI developers, we often need to show and hide elements on screen. However, quickly popping elements on and off the screen can feel jarring to end users. Instead, we can fade elements in and out with an opacity animation to create a smooth experience. Using Opacity […]

Flutter Device Info

Flutter Device Info: This Flutter device Info plugin used to get the current device information in Flutter App.   Using Device Info In Flutter: Adding Device Info Package into Flutter: To use this Device Info Functionality we have to add its dependency package into the pubspec.yaml file: use below code to add dependency package in […]

Flutter SMS

Flutter SMS Example: Flutter Plugin used for sending SMS and MMS on Android and iOS devices. If you send the SMS to more than one person then  it will be send as MMS. On the iOS device if the message receiving  number is an iPhone and iMessage is enabled it will send as an iMessage […]

Flutter Draggable Scrollbar

Flutter Draggable Scrollbar: In Flutter app scrollbar used that can be dragged for quickly navigation through a vertical list. Additionaly it can show label next to scrollthumb with information about current item, for example date of picture created.   Using Draggable Scrollbar In Flutter: To use this Draggable Scrollbar Functionality we have to add its […]

Flutter Color Picker

Flutter Color picker: A HSV color picker inspired by chrome developer tools and a material color picker for your flutter app. Hue, Saturation, and Value (HSV) is a color model that is often used in place of the RGB color model in graphics and paint programs. In with this color model, a color is specified and […]

Shein WW