Most Useful Widgets for Your First Flutter App

Most Useful Widgets for Your First Flutter App

Flutter is a new Open Source framework created by Google that focuses on the creation of cross-platform applications. Flutter primarily…

Flutter is a new Open Source framework created by Google that focuses on the creation of cross-platform applications. Flutter primarily targets iOS and Android but is increasingly adding support for desktop platforms too.

Flutter is a new Open Source framework created by Google that focuses on the creation of cross-platform applications. Flutter primarily targets iOS and Android but is increasingly adding support for desktop platforms too.

Image for post

Photo by  Denis Cherkashin on  Unsplash

In this article, I am going to discuss the most useful Widgets that we need when we are going to develop a flutter application.

  1. AppBar class
  2. Scaffold class
  3. Container class

1. AppBar class

AppBar is usually the topmost component of the app (or sometimes the bottom-most), it contains the toolbar and some other common action buttons. All the components in a flutter application is a widget or a combination of widgets. The AppBar widget is based on Material DesignAppBar _class is very flexible and can be easily customized, we can also use the **_SilverAppBar**widget which gives scrollable functionality to the app bar.

Image for post

curtesy:  https://api.flutter.dev/

Key Properties of Appbar:

  • title: Takes in the main widget as a parameter to be displayed in the AppBar.
  • *actions: *Takes in a list of widgets as a parameter to be displayed after the title if the AppBar is a row_._
  • backgroundColor: To add colors to the background of the Appbar.
  • *elevation: *Used to set the z-coordinate at which to place this app bar relative to its parent.
  • *shape: *This property is used to give shape to the _Appbar _and manage its shadow.

flutter flutter-widget programming

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Google's Flutter 1.20 stable announced with new features - Navoki

Google has announced new flutter 1.20 stable with many improvements, and features, enabling flutter for Desktop and Web

What is Flutter and why you should learn it?

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: Stateful Widget vs. Stateless Widget

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

Adobe XD plugin for Flutter with CodePen Tutorial

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

Flutter Container Widget - Flutter Widget Essentials #2