Beautiful UI design in flutter In project home page import velocity and put the previous lecture list with the following properties import ‘package:flutter/material.dart’; import ‘package:flutter/services.dart’; import ‘dart:convert’; import ‘package:flutter_catalog/models/catalog.dart’; import ‘package:flutter_catalog/widgets/drawer.dart’; import ‘package:flutter_catalog/widgets/item_widget.dart’; import ‘package:flutter_catalog/widgets/themes.dart’; import ‘package:velocity_x/velocity_x.dart’; class HomePage extends …
GridView GridTile in flutter 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 …
Json Mapping-Data Class Generator-Progress Indicator in Flutter if we have to get data in json formate than we first have to map the data in catalog.dart file like this import ‘dart:convert’; class CatalogModel { static List<Item> items; } class Item …
List view Builder in Flutter The first basic step is to import the required material design package. Let’s import it. import ‘package:flutter/material.dart’; 2. Create Custom Data Class In this step, I will create a Company Stocks class that has names …
Constraints in Flutter Constraints go down. Sizes go up. Parent sets position. Flutter layout can’t really be understood without knowing the rule A widget gets its own constraints from its parent. A constraint is just a set of 4 doubles: a minimum and maximum width, …
AppBarThem Extracting in Flutter If you want to change the background color and the foreground color for your Appbar go to the home page, app bar section write the following property under app bar section whats batter rather than doing …
How to add Drawer screen In flutter The mobile apps that use Material Design have two primary options for navigation. These navigations are Tabs and Drawers. A drawer is an alternative option for tabs because sometimes the mobile apps do not have sufficient space …
Text field validation in flutter The most crucial thing to accomplish before submitting the text written by the user and informing them of an error message if mistakenly filled by the user is to verify the input. Textfield Name Validation …
How to Build adaptive apps in Flutter Flutter provides new opportunities to build apps that can run on mobile, desktop, and the web from a single codebase. However, with these opportunities, come new challenges. You want your app to feel …
How to Creating responsive and adaptive apps in flutter How to Creating responsive and adaptive apps in flutter One of Flutter’s primary goals is to create a framework that allows you to develop apps from a single codebase that look …