In this section, we are going to see how we can write custom platform-specific code in Flutter. Flutter is an excellent framework, which provides a mechanism to handle/access platform-specific features. This feature allows the developer to extend the functionality of the Flutter framework. Some of the essential platform-specific functionality that can be accessed easily through… Continue reading Flutter Creating Android Platform-Specific Code
Month: April 2022
Flutter Buttons
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… Continue reading Flutter Buttons
Flutter Text Field
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… Continue reading Flutter Text Field
GridView.extent()
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… Continue reading GridView.extent()
GridView.builder()
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… Continue reading GridView.builder()
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… Continue reading GridView.count()
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,… Continue reading Flutter GridView
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… Continue reading Flutter Card Properties
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… Continue reading Flutter Card