#混合开发 Flutter框架 序言
Flutter是一个由谷歌开发的开源移动应用软件开发工具包,用于为Android、iOS、 Windows、Mac、Linux、Google Fuchsia开发应用
# 架构组织
flutter 主要组成部分:
- Dart 平台
- Flutter 引擎
- 基础库
- 定制化设计的语言组件
# Dart平台
Flutter应用是使用Dart语言编写的,并利用了该语言的许多高级功能。
在Windows、macOS和Linux上,通过半官方的Flutter Desktop Embedding项目,Flutter在Dart虚拟机中运行,该虚拟机具有即時編譯执行引擎。在编写和调试应用时,Flutter使用即时编译功能进行“热重载”,可以将对源文件的修改注入正在运行的应用中。Flutter通过支持有状态的热重载来扩展此功能,在大多数情况下,对源代码的更改可以立即在运行的应用中反映出来,而无需重新启动或丢失任何状态。[11]Flutter实现的此功能已广受赞誉。
Flutter应用的发布版本在Android和iOS上都进行了提前(AOT)编译,使Flutter在移动设备上可以高性能地运行。
# Flutter引擎
Flutter的引擎主要使用C++开发,通过Google的Skia图形库提供底层渲染支持,亦提供平台相关的SDK,例如Android和iOS[10]。Flutter引擎是用于托管Flutter应用的可移植的运行环境。它实现了Flutter的核心库,包括动画和图形、文件和网络I/O、可访问性支持、插件架构以及Dart运行环境和编译工具链。大多数开发人员将通过Flutter框架与Flutter进行交互,该框架提供了一个现代、响应式的框架,以及一组丰富的平台、布局和基础组件。
# 基础库
基础库由Dart编写,提供了用Flutter构建应用所需的基本的类和函数,例如与引擎通讯的API
# 组件
Flutter是通过组织、创建不同的组件完成用户界面设计的。在Flutter中,一个组件代表用户界面中不可变的一部分;包括文本、多边形以及动画在内的所有图形都是用组件创建的。复杂的组件由简单的组件结合而成。
# 定制化设计风格的组件
Flutter框架包含了两套符合特定设计语言的组件。 称作Material Design的组件实现的是同名的谷歌设计语言,称作Cupertino的组件实现苹果公司iOS的扁平化设计(Flat Design)
# Hello World示例
import 'package:flutter/material.dart';
void main() => runApp(HelloWorldApp());
class HelloWorldApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hello World App',
home: Scaffold(
appBar: AppBar(
title: Text('Hello World App'),
),
body: Center(
child: Text('Hello World'),
),
),
);
}
}