The article directories

    • One, what is Flutter?
    • Ii. Characteristics of Flutter
    • 3, Why learn Flutter
    • Four, pre-knowledge
    • Five, suitable for the crowd
    • Vi. Interpretation of Flutter
    • 7, Flutter VS Dart
    • Viii. Comparison between Flutter and mainstream Framework
    • Introduction to the Ecological Environment
    • 10. Ultra high performance of the Flutter at 120fps
    • 11. The Origin of Flutter is the history of speech
    • Xii. Positioning and Application Scenarios of Flutter
    • 13. Schematic diagram of Flutter
    • 14, Challenges and Opportunities for Flutter
    • Xv, Printing “Hello World”
    • 16, learning materials

One, what is Flutter?

The Flutter is Google’s mobile UI framework for quickly building high quality native user interfaces on iOS and Android. Flutter works with existing code. Flutter is being used by more and more developers and organizations around the world, and Flutter is completely free and open source.

Ii. Characteristics of Flutter

  • Rapid development of millisecond hot load, modify, your application interface will be updated immediately. Build native interfaces in minutes using rich, fully customizable widgets
  • Expressive and flexible UI quickly releases features that focus on native experiences. The layered architecture allows you to fully customize, enabling incredibly fast rendering and expressive, flexible design.
  • Native Performance Flutter contains a number of core widgets such as scrolling, navigation, charts, and fonts that can achieve the same performance as native apps on iOS and Android.
  • Cross-platform engine
  • A high performance

3, Why learn Flutter

  • Flutter is by far the best cross-platform solution and framework, smooth and efficient
  • Programmer friendly, compared to native App development, has a higher UI development efficiency
  • As the only GUI library for Google’s latest multi-terminal integrated system Fuchsia, mastering Flutter has strategic implications for the future

If Fuchsia becomes as popular as Android in the future, the development of the Flutter will surely rise and reap a lot of technical dividends. The key to the real fire Flutter is the Fuchsia system, not the current native development ecology.

Four, pre-knowledge

Dart programming language

Five, suitable for the crowd

  • Front-end enthusiasts: want to upgrade skills and master full – end development technology
  • Flutter lover: Likes mobile development and wants to work on Flutter development
  • Mobile developers: already doing mobile development and want to improve their competitiveness

Vi. Interpretation of Flutter

  • Cross-platform: Linux, Android, iOS, Fuchsia
  • Native user interface: It’s native and gives us a better experience and performance
  • Open source free: Fully open source and commercially available

7, Flutter VS Dart

Viii. Comparison between Flutter and mainstream Framework

  • Cordova: A Hybrid App
  • React Native (RN) : Generate Native apps, but embed them based on views
  • Flutter: Self implemented (GDl) for rendering technology

Introduction to the Ecological Environment

  • Google produces and markets and has marketing centers in China
  • Third party components are also growing rapidly github.com/Solido/awes…
  • Which companies are already using it: Alibaba, Tencent, JD

10. Ultra high performance of the Flutter at 120fps

FPX: Frames transmitted per second, which can be simply interpreted as frames per second

Movie and TV: 24fps LCD: 60HZ Game: 80fpx

11. The Origin of Flutter is the history of speech

Developed from Chrome, the official version was released at the end of 18, from the mobile terminal to the cross-terminal device, embodies the goal of the whole platform domination

Xii. Positioning and Application Scenarios of Flutter

Flutter has advantages in research and development efficiency/performance/multi-end consistency, which is especially suitable for small front desk teams under the middle platform strategy, as well as small and beautiful client teams. Scenarios such as Category B products, which may require teams to output multiple apps (but are not demanding on platform features), are also useful

13. Schematic diagram of Flutter

14, Challenges and Opportunities for Flutter

The official release of the Flutter was only a little over a year ago, but the performance/dynamics/hybrid architecture/interaction ability were not perfect, which was both a challenge and an opportunity. In the current ecosystem, there are opportunities for both head companies and individuals, and hopefully each character can take advantage of these opportunities to grow and break through.

Xv, Printing “Hello World”

import 'package:flutter/material.dart';

void main(a) {
  runApp(
    new Center(
      child: new Text(
        'Hello, world! ',
        textDirection: TextDirection.ltr,
      ),
    ),
  );
}
Copy the code

16, learning materials

  • Flutter website
  • Li Nan: A Guide to combat Flutter Author of “Combat Guide to Flutter”, senior full-stack architect, good at technical development of Flutter, HTML5, Java, Python and other languages, served as senior R&D engineer of CNPC headquarters and 58 Group headquarters, with many years of experience in mobile and Internet development. Led the design and architecture of people’s tourism App, tourism big data platform, China petroleum materials procurement system and other projects
  • Introduction and case study of Flutter
  • Technology Fat: 10 years of experience developing programs that focus on and use WEB frontend, PHP, Node, and Flutter technologies.
  • 【B station – GUI Purple 】Flutter full stack development Guide