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
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
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
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
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
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
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
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
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…