Blog – 3 Column

Learning Flutter Widgets, Widget 5 – Opacity

Learning Flutter Widgets, Widget 5 – Opacity

Flutter Opacity class A widget that makes its child partially transparent. This class paints its child into an intermediate buffer and then blends the child back into the scene partially transparent. For values of opacity other than 0.0 and 1.0, this class is relatively expensive because it requires painting the child into an intermediate buffer. For…

Learning Flutter Widgets, Widget 4 – Animated Container

Learning Flutter Widgets, Widget 4 – Animated Container

Flutter AnimatedContainer class Animated version of Container that gradually changes its values over a period of time. The AnimatedContainer will automatically animate between the old and new values of properties when they change using the provided curve and duration. Properties that are null are not animated. Its child and descendants are not animated. This class is useful for generating simple…

Learning Flutter Widgets, Widget 3 – Wrap

Learning Flutter Widgets, Widget 3 – Wrap

Flutter Wrap class Flutter wrap widget that displays its children in multiple horizontal or vertical runs. A Wrap lays out each child and attempts to place the child adjacent to the previous child in the main axis, given by direction, leaving spacing space in between. If there is not enough space to fit the child, Wrap creates a new run adjacent to the existing…

Learning Flutter Widgets, Widget 2 – Expanded

Learning Flutter Widgets, Widget 2 – Expanded

Flutter Expanded class Flutter Expanded widget that expands a child of a Row, Column, or Flex so that the child fills the available space. Using an flutter Expanded widget makes a child of a Row, Column, or Flex expand to fill the available space along the main axis (e.g., horizontally for a Row or vertically for a Column). If multiple children are expanded, the available space is divided among…

Learning Flutter Widgets, Widget 1 – Safe Area

Learning Flutter Widgets, Widget 1 – Safe Area

Flutter SafeArea class A widget that insets its child by sufficient padding to avoid intrusions by the operating system. For example, this will indent the child by enough to avoid the status bar at the top of the screen. It will also indent the child by the amount necessary to avoid The Notch on the iPhone…

Flutter Bubbled Navigation Navigation -bubbled_navigation_bar

Flutter Bubbled Navigation Navigation -bubbled_navigation_bar

Flutter Bubbled Navigation Bubbled Navigation Bar library is another simple and useful library in the category of bottom navigation bar. You can easily make some smooth animations while changing the tabs. Use this package as a library 1. Depend on it Add this to your package’s pubspec.yaml file: 2. Install it You can install packages…

Tutorial 3 – Flutter Bottom Navigation Bar implementation using bottom_navy_bar Library

Tutorial 3 – Flutter Bottom Navigation Bar implementation using bottom_navy_bar Library

Learning flutter development is fun, with this awesome platform we can make any kind of flutter app. In this tutorial we will make bottom navigation bar using another library named as bottom_navy_bar: any . In previous tutorial we had done same with ff_navigation_bar: any. After reading previous articles now we have a good understand about…

Tutorial 1 – Flutter Bottom Navigation Bar

Tutorial 1 – Flutter Bottom Navigation Bar

This is the first post of the Flutter Bottom Navigation Bar series, I will share examples of bottom navigation bars from simple to advanced using flutter library and third-party libraries. I am not going to cover any basics of Flutter Development as I am assuming that you are already familiar with Stateless/Stateful Widgets, Scaffold, Appbar…

Flutter Fancy Bottom Navigation -fancy_bottom_navigation

Flutter Fancy Bottom Navigation -fancy_bottom_navigation

Flutter Fancy Bottom Navigation  Fancy Flutter Bottom Navigation Bar library is very easy to use and nice animations, library is easy to customize as per need. Use this package as a library 1. Depend on it Add this to your package’s pubspec.yaml file: 2. Install it You can install packages from the command line: with…