FLUTTER 2019-01-02T12:06:53+00:00

FLUTTER

Topics:- (Basic widgets (Container, Row, Column),Material Components widgets (Scaffold, AppBar, BottamNavigationBar, TabBar, MaterialApp, Drawer, Buttons)) 

What is Flutter?

Flutter is a mobile app SDK, complete with framework, widgets, and tools, that gives developers an easy and productive way to build and deploy beautiful mobile apps on both Android and iOS. Flutter is Google’s brand new mobile UI framework build to make developing beautiful and functional interfaces for both iOS and Android natively. Flutter Apps are written in a language called Dart, which is a simple client/server language that you’ll learn along the way.

Why use Flutter?

What are some advantages of Flutter? It helps you:

  • Be highly productive
    • Develop for iOS and Android from a single codebase
    • Do more with less code, even on a single OS, with a modern, expressive language and a declarative approach
    • Prototype and iterate easily
      • Experiment by changing code and reloading as your app runs (with hot reload)
      • Fix crashes and continue debugging from where the app left off
  • Create beautiful, highly-customized user experiences
    • Benefit from a rich set of Material Design and Cupertino (iOS-flavor) widgets built using Flutter’s own framework
    • Realize custom, beautiful, brand-driven designs, without the limitations of OEM widget sets

Core principles

Flutter includes a modern react-style framework, a 2D rendering engine, ready-made widgets, and development tools. These components work together to help you design, build, test, and debug apps. Everything is organized around a few core principles.

Everything’s a Widget

Widgets are the basic building blocks of a Flutter app’s user interface. Each widget is an immutable declaration of part of the user interface. Unlike other frameworks that separate views, view controllers, layouts, and other properties, Flutter has a consistent, unified object model: the widget.

A widget can define:

  • a structural element (like a button or menu)
  • a stylistic element (like a font or color scheme)
  • an aspect of layout (like padding)
  • and so on…

Widgets form a hierarchy based on composition. Each widget nests inside, and inherits properties from, its parent. There is no separate “application” object. Instead, the root widget serves this role. You can respond to events, like user interaction, by telling the framework to replace a widget in the hierarchy with another widget. The framework then compares the new and old widgets and efficiently updates the user interface.

Practice test for Flutter Topics: Basic,Material Components.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.