Let’s understand how to use the Wrap widget in our basic UI✌
Wrap class is a widget that is used to display its children or widget in a multiple horizontal or vertical direction. Wrap class is basically used to wrap our children in a direction as provided which looks similar to somewhat Rows and Columns.
:: Introduction to Wrap class
:: Properties used in a Wrap class
Wrap class is used to align or adjust multiple widgets vertically or horizontally similar to Rows and Columns. It can be adjusted either in form of Row or Column as required. Wrap class automatically align or fit the widgets accordingly in its cross-axis area without displaying an Overflow message similar to Rows and Columns.
alignment: *this property is used to describe how the children should align in the main axis. Its default value is *WrapAlignment.start.
*clipBehavior: *This property takes in Clip enum as the object and decides whether the content should be clipped or not according to the option.
crossAxisAlignment: this property is used to describe how the children should be aligned relative to each other in the cross-section part. Its default value is **WrapCrossAlignment.start .**
direction: *This property uses a direction as the main axis. By default axis is horizontal and we can change it to vertical by using *Axis.verical its value.
runAlignment: *this property describes how the run should be placed in the cross axis. Its default value is *WrapAlignment.start.
spacing: this property is used to place a space between children in the main axis.
runSpacing: this property is used to place a space between the children along a cross axis.
textDirection: this property is used to arrange the children inside Wrap class in the given direction.
verticalDirection: this property is used to determine the order to lay children out vertically and how to interpret start and end in the vertical direction.
Google has announced new flutter 1.20 stable with many improvements, and features, enabling flutter for Desktop and Web
Flutter is an open-source UI toolkit for mobile developers, so they can use it to build native-looking Android and iOS applications from the same code base for both platforms. Flutter is also working to make Flutter apps for Web, PWA (progressive Web-App) and Desktop platform (Windows,macOS,Linux).
Flutter is all about widgets. If you want to develop an application you have to first decide which widgets you are going to use. Each widget has its state. Flutter: Stateful Widget vs. Stateless Widget
Recently Adobe XD releases a new version of the plugin that you can use to export designs directly into flutter widgets or screens.
Flutter Container Widget - Flutter Widget Essentials #2