Widgets

Learning Flutter Widgets, Widget 9 – Table

Learning Flutter Widgets, Widget 9 – Table

Table class A widget that uses the table layout algorithm for its children. Each child of a page view is forced to be the same size as the viewport. You can use a PageController to control which page is visible in the view. In addition to being able to control the pixel offset of the content inside the PageView,…

Learning Flutter Widgets, Widget 8 – PageView

Learning Flutter Widgets, Widget 8 – PageView

PageView class A scrollable list that works page by page. Each child of a page view is forced to be the same size as the viewport. You can use a PageController to control which page is visible in the view. In addition to being able to control the pixel offset of the content inside the PageView, a PageController also lets you…

Learning Flutter Widgets, Widget 7 – FloatingActionButton

Learning Flutter Widgets, Widget 7 – FloatingActionButton

FloatingActionButton Widget class A material design floating action button. A floating action button is a circular icon button that hovers over content to promote a primary action in the application. Floating action buttons are most commonly used in the Scaffold.floatingActionButton field. Use at most a single floating action button per screen. Floating action buttons should be used for…

Learning Flutter Widgets, Widget 6 – FutureBuilder

Learning Flutter Widgets, Widget 6 – FutureBuilder

FutureBuilder<T> class Widget that builds itself based on the latest snapshot of interaction with a Future. The future must have been obtained earlier, e.g. during State.initState, State.didUpdateWidget, or State.didChangeDependencies. It must not be created during the State.build or StatelessWidget.build method call when constructing the FutureBuilder. If the future is created at the same time as the FutureBuilder, then every time the FutureBuilder‘s parent is rebuilt, the asynchronous task will be restarted….

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…

Hey, wait! If You don't want to miss Flutter Updates!

Please join our Newsletter List and enjoy with daily Flutter Updates