Most recent

DSC India summit 2019

FLUTTER - By Google

---->----------<------------>----------Start fluttering at Flutter----------<-------->-------------

Introduction:

Flutter, by Google a toolkit to develop interactive, real-time, innovative applications for both 
ANDROID and IOS.At present flutter is available in its Beta version.Like React Native, Flutter also provides reactive-style views. Flutter takes a different approach to avoiding performance problems caused by the need for a JavaScript bridge by using a compiled programming language, namely Dart. Dart has compiled “ahead of time” (AOT) into native code for multiple platforms. This allows Flutter to communicate with the platform without going through a JavaScript bridge that does a context switch. Compiling to native code also improves app startup times.



Hello, world: 

import 'package:flutter/material.dart';
void main() {
runApp(
new Text("Hello World")
);
}

Flutter engine

Flutter's engine, written primarily in C++, provides low-level rendering support using Google's Skia graphics library. Additionally, it interfaces with platform-specific SDKs such as those provided by Android and iOS.

Foundation library

The Foundation library, written in Dart, provides basic classes and functions which are used to construct applications using Flutter, such as APIs to communicate with the engine.

Widgets

UI design in Flutter involves assembling and/or creating various widgets. A widget in Flutter represents an immutable description of part of the user interface; all graphics, including text, shapes, and animations are created using widgets. More complex widgets can be created by combining many simpler ones.

Design-specific widgets

The Flutter framework contains two sets of widgets which conform to specific design languages. Material Design widgets implement Google's design language of the same name, and Cupertino widgets imitate Apple's iOS design.

Instead of wiring up to native Android and iOS components, Flutter paints every single pixel to the screen. Flutter has pixel-perfect replications of the iOS UI and Android’s Material UI, so developers can build familiar experiences out of the box, but Flutter’s real power is in creating totally custom interfaces and animations.
For instance, Flutter’s biggest real-world hit so far is the Hamilton app. Love it or hate it, it certainly has its own aesthetic.
Android
   

               Vs


                                IOS





Widgets: Check them out

1.Basic
2.Material components
3.Cupertino (IOS style widgets)
4.Layout
5.Text
6.Assets,Images,Icons
7.Input
------------------------------------------------------------etc.

Conclusion:

For designers, Flutter helps deliver the original design vision, without loss of fidelity or compromises. It also acts as a productive prototyping tool.

--> What are you waiting for, get started with flutter and build your very first app 

Comments