mudassirbackup

Author: misamaliraza94

  • Flutter Buttons

    —

    by

    misamaliraza94
    in

    Buttons are the graphical control element that provides a user to trigger an event such as taking actions, making choices, searching things, and many more. They can be placed anywhere in our UI like dialogs, forms, cards, toolbars, etc. Buttons are the Flutter widgets, which is a part of the material design library. Flutter provides several types…

  • Flutter Text Field

    —

    by

    misamaliraza94
    in

    A TextField or TextBox is an input element which holds the alphanumeric data, such as name, password, address, etc. It is a GUI control element that enables the user to enter text information using a programmable code. It can be of a single-line text field (when only one line of information is required) or multiple-line text field (when more…

  • GridView.extent()

    —

    by

    misamaliraza94
    in

    This property is used when we want to create a grid with custom extent values. It means each tile has a maximum cross-axis extent. Example Let us understand it with the help of an example. Open the project, navigate to the lib folder, and replace the below code with the main.dart file. Output When we run the app…

  • GridView.builder()

    —

    by

    misamaliraza94
    in

    This property is used when we want to display data dynamically or on-demand. In other words, if the user wants to create a grid with a large (infinite) number of children, then they can use the GridView.builder() constructor with either a SliverGridDelegateWithFixedCrossAxisCount or a SliverGridDelegateWithMaxCrossAxisExtent. The common attributes of this widget are: itemCount: It is used…

  • GridView.count()

    —

    by

    misamaliraza94
    in

    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

    —

    by

    misamaliraza94
    in

    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

    —

    by

    misamaliraza94
    in

    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

    —

    by

    misamaliraza94
    in

    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

    —

    by

    misamaliraza94
    in

    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

    —

    by

    misamaliraza94
    in

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