FLUTTER TUTORIAL
FLUTTER
Flutter is a single codebase mobile app development framework that supports multiple platforms such as mobile OS like Android, iOS, Windows, Linux and web applications.
Flutter is a cross-platform UI software development kit (SDK).
➔ Flutter is a cross-platform mobile application development SDK developed by Google.
➔ Flutter is widely used to build applications for multiple platforms, especially mobile platforms.
➔ In a cross-platform development framework, code can be written in one codebase and deployed to different platforms.
➔ The Dart programming language is used as the single codebase language in Flutter application development.
➔ High-quality, high-performance mobile apps can be built using Flutter, primarily for Android and iOS operating systems.
➔ Flutter is very simple and easy to understand for anyone, and Flutter can create very powerful and efficient applications.
➔ Flutter uses widgets as the building blocks of Flutter applications to create beautiful UI interfaces.
➔ The hot reload feature allows app developers to make immediate visual changes to the UI or code without restarting the application.
Flutter for beginners
Flutter is an open source cross-platform mobile application development UI toolkit and framework, used to build natively compiled mobile, web, and desktop applications from a single codebase using Dart. The main and core concepts of Flutter include widgets, widget trees, state management, and routing management. Flutter helps developers by providing various benefits and features, such as the hot reload feature. Essential learning steps for beginners include installing the Flutter environment, selecting and installing an IDE, learning the Dart programming language, and creating UI layouts. Basic HTML and CSS knowledge can help you learn quickly, as there are similarities between Flutter widgets and HTML UI components for creating user interfaces and UI trees.
Basic concepts of Flutter to Learn.
Dart Programming Language: Flutter applications are built using the Dart programming language as the codebase. The core concepts of the Dart language mainly include variables, functions, classes, OOP concepts, and asynchronous programming (async/await) practices.
Widgets: The basic element of UI design. Flutter has a lot of widgets to fulfill different design purposes and create beautiful user interfaces. However, to start working in the Flutter environment, it is good to have an understanding of the very basic layout design widgets and UI design widgets. There are two types of widgets depending on the state of the component.
Stateless Widget
UI components that do not change based on user input and remain the same throughout the component's lifecycle.
StatefulWidget
UI components that change as a result of user interaction, such as text fields or counters.
Flutter creates a user interface (UI) by nesting widgets inside widgets. This nesting creates a tree-like structure, where a parent widget has other widgets as its children. Widgets like Row, Column, Stack, Container, etc. act as parent components, which contain other components to organize the UI layout.
Navigation: Navigation is the process of moving between different screens using navigators and routes. Flutter routing refers to the method of navigating between screens or pages (also called routes). Flutter manages these routes using a stack-based approach, where new pages are pushed onto the stack and previous pages are popped off the stack.