What are the advantages of the completely free and open source flutter? How to learn about flutter?

Time:2022-5-10

What are the advantages of the completely free and open source flutter? How to learn about flutter?

What is flutter?

Flutter is a new generation of front-end framework launched by Google. The initial goal is to meet the cross platform application development of mobile terminal. Developers can use flutter to quickly build high-quality native user interfaces on IOS and Android. But now, flutter has begun to expand to develop applications for mobile, web, desktop and embedded devices at the same time. Flutter is being used by more and more developers and organizations. It is also the main way to build future Google Fuchsia applications, and it is completely free and open source.

Flutter’s advantages:

1. Open source is also due to open source. With the crazy support of global developers, fluent has developed rapidly and become more and more perfect in recent years. I believe that windows, MAC, Linux and other platforms can also shine in the future. Truly achieve a set of code multi terminal deployment.
2. Stable. Due to the self drawn UI, the fluent UI avoids various compatibility problems caused by platform level UI and system upgrade. However, as a cross platform development technology, it is inevitable to maintain the underlying adaptation layer and various plug-ins to realize the communication with the original platform, which is a common problem of all cross platforms.
3. Efficient. For developers, using fluent to develop applications is very efficient. Flutter’s acclaimed hot reload function can update the code to the UI in one second, which greatly shortens the development operation cycle.

Unique features of flutter:

  • Focusing on customizable widgets, you can easily develop the UI using all the widget sets in the material design and Cupertino package (rather than Android XML).
  • Developers can view their changes immediately. This reduces development time and error repair time. Once written, any code that can run on any platform can run without change.
  • Fluent uses dart programming language, which can be used in advance or compiled in time, so as to provide high performance and faster startup time.
  • Native arm machine code can realize native performance on Android and IOS.

Install the flutter

The first thing you should do is get the SDK – software development kit – which is a set of software tools that are packaged in a package and can be used in your development environment. For development, we use the integrated development environment (IDE) – making your development and testing easy and fast. As we learned before, there are two popular ides –
Vs Code – it’s light and fast, and it has all the functions you want the IDE to have!
Android studio – using Android studio on your device, you just need to install the plugins of fluent and dart and set up the SDK.
Setup is easy, you can followOfficial documentsFollow the instructions in.

Building a simple application using fluent
Let’s build a simple hello world program. Through this program, we will understand the structure of flutter and the main methods used. Although it is simple, it is still a good start.
To create a new shuttle project, simply type:

$ flutter create flutter_app

The new flutter project mainly includes the following directories:

flutter_app

android– generate Android apps. Any implementation of Android will be placed in this folder.
Assets – used to store data files, images, etc

ios-Generated IOS applications. Any implementation of IOS will be placed in this folder.

lib-The main code files are created here, main Dart – Master File

test– for unit testing

For our relatively simple app, we only need “main. Dart”. Documents. The file comes with some code, which developers usually delete to write code from scratch. That’s what we’re going to do!
The first important thing is to import the “material” package. It is used to introduce UI components.

import 'package:flutter/material.dart';

Like many other languages, execution starts with the main method. The main method should include the runapp () method, which calls the code to be executed.

void main() => runApp(new HelloWorldApp());

The code to execute is just a widget. Remember, fluent is entirely based on widgets.

So, what iswidget(widget)?

If you don’t know, thenwidget(widget) can be anything in the view – button, list, table, input box, card view, etc. These widgets are a beautiful combination of your application. This is why every class you create should extend the widget class.

Since our application only needs to print Hello world, we only need a widget that does not need to save any state – stateless widget. Statelesswidget (stateless widget) has a construction method.

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
Now comes the main magic –
    return new MaterialApp(
      home: new Material(
        child: new Center(
          child: new Text("Hello world!"),

Materialapp is the encapsulation of widgets, material is one of materials, and center is the widget that centers elements. Text adds a text field widget. In addition to the attributes you see (home, child), there are many other attributes (such as style, position, decoration, etc.) that can improve the whole UI.

Then, now let’s put all the code together

import 'package:flutter/material.dart';
void main() => runApp(new HelloWorldApp());

class  extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Material(
        child: new Center(
          child: new Text("Hello world!"),
        ),),);}} 

What are the advantages of the completely free and open source flutter? How to learn about flutter?

… and run it with the command

$ flutter run

Systematic learning

This Google open source《Detailed explanation of complete development of flutter》, I hope it can help you learn flutter in the shortest time. The tutorial is easy to understand and has rich examples. It has both basic knowledge and advanced skills. It can help the door reader enter the advanced level quickly and collect it quickly!!!

1、 Dart ⾔ and flutter Basics

What are the advantages of the completely free and open source flutter? How to learn about flutter?

⼆ practical chapter of rapid development

1. Basic control
2. Data module
3. Other functions
What are the advantages of the completely free and open source flutter? How to learn about flutter?

3、 Packing and pit filling

1. Pack
2. Details
3. Problem handling
What are the advantages of the completely free and open source flutter? How to learn about flutter?

4、 Redux, theme, internationalization

1、Redux
2. Theme
3. Internationalization
What are the advantages of the completely free and open source flutter? How to learn about flutter?

5、 Deep exploration

1、WidgetsFlutterBinding
2、InheritedWidget
3. Memory
4. Thread
5. Hot renewal
What are the advantages of the completely free and open source flutter? How to learn about flutter?

6、 Principle of deep widget

What are the advantages of the completely free and open source flutter? How to learn about flutter?

7、 Principle of deep layout

1. Single element layout
2. Multi element layout
3. Multi element sliding layout
What are the advantages of the completely free and open source flutter? How to learn about flutter?

Practical skills and pit filling

What are the advantages of the completely free and open source flutter? How to learn about flutter?

9、 Principle of deep drawing

1. Drawing process
2. Drawing implementation of slider control
What are the advantages of the completely free and open source flutter? How to learn about flutter?

⼗ deep drawing ⽚ loading process

1. Figure ⽚ flow chart
2. Local graph ⽚ cache
3. Other supplements
What are the advantages of the completely free and open source flutter? How to learn about flutter?

Fully understand stream

1. Stream from shallow to deep
2、StreamBuilder
3、rxdart
What are the advantages of the completely free and open source flutter? How to learn about flutter?

Fully understand the state management design

1、scoped_model
2、BloC
3、flutter_redux
4、fish_redux
What are the advantages of the completely free and open source flutter? How to learn about flutter?

III. full depth touch and sliding principle

What are the advantages of the completely free and open source flutter? How to learn about flutter?

⼗ IV. mixed development and packaging Android

1. Front ⾔
2. Pack
3. Plug in
4. Stack
What are the advantages of the completely free and open source flutter? How to learn about flutter?

Flutter ⾯ collection of trial knowledge points

Dart section
Flutter section
What are the advantages of the completely free and open source flutter? How to learn about flutter?

Actual combat and Prospect of flutter development – RTC dev Meetup

1. Current situation of mobile development
2. Actual combat of flutter
3. Mixed development
4、PlatformView
What are the advantages of the completely free and open source flutter? How to learn about flutter?

end of document

Due to the limited space and too much information, only the catalogue and some screenshots are displayed, and the full version of “detailed explanation of actual combat of complete development of fluent” is required. Pleaseclick here Free collection