Mindblown: a blog about philosophy.
-
GridView.count()
It is the most frequently used grid layout in Flutter because here, we already know the grid’s size. It allows developers to specify the fixed number of rows and columns. The GriedView.count() contains the following properties: crossAxisCount: It is used to specify the number of columns in a grid view. crossAxisSpacing: It is used to specify the number of pixels…
-
Flutter GridView
A grid view is a graphical control element used to show items in the tabular form. In this section, we are going to learn how to render items in a grid view in the Flutter application. GridView is a widget in Flutter that displays the items in a 2-D array (two-dimensional rows and columns). As the name suggests,…
-
Card Example
In this example, we will create a card widget that shows the album information and two actions named Play and Pause. Create a project in the IDE, open the main.dart file and replace it with the following code. Output: When we run this app, it will show the UI of the screen as below screenshot.
-
Flutter Card Properties
We can customize the card using the properties. Some of the essential properties are given below: Attribute Name Descriptions borderOnForeground It is used to paint the border in front of a child. By default, it is true. If it is false, it painted the border behind the child. color It is used to color the…
-
Flutter Card
A card is a sheet used to represent the information related to each other, such as an album, a geographical location, contact details, etc. A card in Flutter is in rounded corner shape and has a shadow. We mainly used it to store the content and action of a single object. In this article, we are…
-
Flutter Rich Text Widget
Sometimes we want to show a line or a paragraph with multiple styles such as bold, italicized, underlined, different color, different font or everything at once. In that case, we should have to use the RichText widget that allows us to perform multiple test styles without switching many widgets. RichText is a very useful widget in Flutter,…
-
Text Widget Constructor:
The text widget constructor used to make the custom look and feel of our text in Flutter: The following are the essential properties of the Text widget used in our application: TextAlign: It is used to specify how our text is aligned horizontally. It also controls the text location. TextDirection: It is used to determine how textAlign values…
-
Flutter Text
A Text is a widget in Flutter that allows us to display a string of text with a single line in our application. Depending on the layout constraints, we can break the string across multiple lines or might all be displayed on the same line. If we do not specify any styling to the text widget,…
-
Drawbacks OF Row and Column Widget:
Row widget in Flutter does not have horizontal scrolling. So if we have inserted a large number of children in a single row that cannot be fit in that row, we will see the Overflow message. Column widget in Flutter does not have vertical scrolling. So if we have inserted a large number of children…
-
Column
This widget arranges its children in a vertical direction on the screen. In other words, it will expect a vertical array of children widgets. If the child widgets need to fill the available vertical space, we must wrap the children widgets in an Expanded widget. A column widget does not appear scrollable because it displays the widgets…
Got any book recommendations?