Let's Learn Flutter

What is Flutter?

Flutter is an app SDK (Software Development Kit) developed by Google for building native cross-platform apps for iOS, Android, and web with one programming language and codebase. The goal is to enable developers to deliver high-performance apps that feel natural on different platforms. It embraces differences in scrolling behaviors, typography, icons, and more.

Dart Programming Language

Dart is a client-optimized language (focused on UI) for fast apps on any platform. It was unveiled in 2011. The Dart project was founded by Lars Bak and Kasper Lund. Dart 1.0 was released on November 14th, 2013.
The Dart language is object-oriented and strongly typed. It is like a mixture of JavaScript, Java, C#.

Everything’s a widget

This is the main core principle of flutter. 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.


Flutter is a Widgets Framework

Getting Started

Below are the requirements for each operating system.

  • Windows
    • Windows 7 SP1 or later (64-bit)
    • Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10)
    • Git for Windows 2.x, with the Use Git from the Windows Command Prompt option
  • Linux (64-bit)Flutter depends on these command-line tools being available in your environment
    • bash
    • curl
    • git 2.x
    • mkdir
    • rm
    • unzip
    • which
    • xz-utils
  • MacOSFlutter depends on these command-line tools being available in your environment
    • bash
    • curl
    • git 2.x
    • mkdir
    • rm
    • unzip
    • which

How to Install

Flutter Sample

When creating a new Flutter project for the first time, you can go to lib/main.dart, and change the text produced by clicking the action button “+”. Below is a sample deployment.
You can see that Flutter project has no visual layout designer, but it has a Hot Load feature which rapidly deploys any code change to the emulator.

What’s Next?

This was an introduction to Flutter framework. In the next lessons, I will go into more details in a Step by Step tutorial.

If you are in a hurry, you can simply start by going through the resources section.

Resources

  1. https://flutter.dev/docs
  2. http://dartlangfr.github.io/dart-cheat-sheet/core.html

Comments

Post a Comment

Popular posts from this blog

Vulnerable WordPress Plugin: WP File Manager v6.8

Every programmatical system; no matter what it is; has vulnerabilities. The only solution to keep your apps or websites safe, is to keep them updated and have a security firewall plugin. Recently, A Persistent Cross-Site Scripting Vulnerability has been discovered in WordPress Plugin WP File Manager v6.8 If you have version 6.8 of this plugin, you have to update it version 6.9 in order to keep your website safe. Don’t be late, update to keep your website info safe.
Read more

Update Your iPhone Now!

Apple on Thursday delivered different security updates to fix three zero-day weaknesses that were uncovered as being effectively misused in nature. Turned out as a feature of its iOS, iPadOS, macOS, and watchOS updates, the flaws reside in the FontParser component and the kernel, allowing adversaries to remotely execute arbitrary code and run malicious programs with kernel-level privileges. The zero-days were discovered and reported to Apple by Google’s Project Zero security team. “Apple is aware of reports that an exploit for this issue exists in the wild,” the iPhone producer said of the three zero-days without giving any extra subtleties in order to permit a dominant part of clients to introduce the updates. The rundown of affected gadgets incorporates iPhone 5s and later, iPod contact sixth and seventh era, iPad Air, iPad little 2 and later, and Apple Watch Series 1 and later. The fixes are accessible in variants iOS 12.4.9 and 14.2, iPadOS 14.2, watchOS 5.3.9, 6.2.9, and 7.1, and
Read more

Nice Scrollbars Using React JS With Several Options

Image
Features frictionless native browser scrolling native scrollbars for mobile devices fully customizable auto hide auto height universal (runs on client & server) requestAnimationFrame for 60fps no extra stylesheets well tested, 100% code coverage React JS Scrollbars Usage Details You can view documentation and examples through the following link .
Read more