Most recent
Posted by
Rishwi Binnu
on
- Get link
- X
- Other Apps
---->----------<------------>----------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
- Get link
- X
- Other Apps
Comments
Post a Comment