美文网首页
1.Flutter简介

1.Flutter简介

作者: 蓝色的风 | 来源:发表于2020-04-09 22:27 被阅读0次

1.跨平台方法

  • 1.H5+原生(Cordova、Ionic、微信小程序)

  • 2.JavaScript开发+原生渲染 (React Native、Weex、快应用)

  • 3.自绘UI+原生(QT for mobile、Flutter)

以上三种方法的利弊在这里就不在赘述了,感兴趣的可以自行搜索

2.下面我们看一下flutter的框架结构

截屏2020-04-09下午10.07.35.png

这是一个纯Dart 实现的SDK,自下而上我们做一个简单地介绍:

  • 底下两层(Foundation和Animation、Painting、Gestures)在Google的一些视频中被合并为一个dart UI层,对应的是Flutter中的dart:ui包,它是Flutter引擎暴露的底层UI库,提供动画、手势及绘制能力。

  • Rendering层,这一层是一个抽象的布局层,它依赖于dart UI层,Rendering层会构建一个UI树,当UI树有变化时,会计算出有变化的部分,然后更新UI树,最终将UI树绘制到屏幕上,这个过程类似于React中的虚拟DOM。Rendering层可以说是Flutter UI框架最核心的部分,它除了确定每个UI元素的位置、大小之外还要进行坐标变换、绘制(调用底层dart:ui)。

  • Widgets层是Flutter提供的的一套基础组件库,在基础组件库之上,Flutter还提供了 Material 和Cupertino两种视觉风格的组件库。而我们Flutter开发的大多数场景,只是和这两层打交道。

3.学习flutter的渠道

1.Flutter官网,Flutter中文网,以及Github和StackOverFlow

2.Flutter社区

3.Flutter官方demo和对应的源码

4.网站博客

5.Flutter开源项目

4.Flutter的下载和安装,自行参考Flutter安装

相关文章

  • 1.Flutter简介

    1.跨平台方法 1.H5+原生(Cordova、Ionic、微信小程序) 2.JavaScript开发+原生渲染 ...

  • 1.flutter简介与环境搭建

    首先,什么是flutter?Flutter是谷歌爸爸推出的在iOS和Android两个平台使用Dart语言开发原生...

  • flutter

    1.flutter简介,产生的背景。[https://www.jianshu.com/p/1dba46e27b94...

  • Flutter 初步探索(未完....)

    简介 1.flutter是google发布的一款移动跨平台框架。 2.兼容ios、android、多端开发环境。 ...

  • Flutter技术调研报告

    1.Flutter简介 1.1.什么是Flutter Flutter是Google开发的一套全新的跨平台、开源UI...

  • 1.Flutter开发玩安卓app-项目简介

    页面展示 页面中很多地方有仿照别人做的app页面来做,毕竟不是专业设计,很难费脑子去想该怎样布局,所以APP中也有...

  • 1.Flutter Introduction

    Flutter由于上手难度低,性能体验好,特别大厂的力推,加速了它发展的脚步。此系列文章仅用于自己学习,参考链接在...

  • flutter趟坑记录

    1.Flutter SDK not found. Define location with flutter.sdk...

  • 跨平台开发框架

    1.Flutter: http://doc.flutter-dev.cn/get-started/codelab/...

  • Flutter 升级或回退记

    1.flutter SDK链接https://flutter.dev/docs/development/tools...

网友评论

      本文标题:1.Flutter简介

      本文链接:https://www.haomeiwen.com/subject/ryhkmhtx.html