flutter核心框架,flutter模块化构建

Flutter 快速开发框架

此框架旨在将常规的Flutter项目中使用到的通用(与业务无关)的功能从剥离出来,构成Flutter开发项目的框架,在开发新的Flutter项目时,可以直接引用本项目 import 'package:framework/framework.dart' 来使用框架中相关的功能,提升开发效率。 github项目地址

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的渑池网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

此框架目前包含以下功能模块:接口请求API模块、消息提示模块、路由模块、统一错误处理、日志模块、屏幕适配测试、自定义UI组件库、本地存储模块构成

Flutter框架 - GetX

GetX 是 Flutter 上的一个轻量且强大的解决方案:高性能的状态管理、智能的依赖注入和便捷的路由管理。

GetX的优势

对比provider,GetX可能更受欢迎

下面是GetX在pub上面的likes数据

下面是GetX在github上面的star数据

GetX 因为不需要上下文,突破了InheritedWidget的限制,我们可以在全局和模块间共享状态,这正是 BLoc 、Provider 等框架的短板

1、 在MaterialApp前添加 "Get",将其变成GetMaterialApp。

2、创建业务逻辑类,并将所有的变量,方法和控制器放在里面。 你可以使用一个简单的".obs "使任何变量成为可观察的。

3、引用逻辑类,在界面显示

几个注意点

1、

效果一样

2、

效果一样

3、

效果一样

1、Obx

2、GetX

3、GetBuilder

4、ValueBuilder

;target=VSCodecategory=Programming%20LanguagessortBy=Relevance

flutter框架(源码分析)

准备写这一系列的文章自己是下了很大的决心的,自知会遇到很大的困难。因能力有限,如有疏漏之处,还请大家斧正。

相信大家都看过很多遍下面那张图,这个系列的文章就是要分析红框内的源码:

我们看源码的结构其实是这样的:

总共十二个模块,对应的模块我一旦写完就会在下面更新链接:

基于Weex的Flutter项目框架

最近在做的一个项目,项目的前期采用Weex开发。但是随着交互复杂度的增加,Weex一处开发多处多处运行的特征并没有很好的体现,相反很多时候我们还是需要做IOS和Android的适配。如今火热的Flutter相比Weex和Rn来说,给出了更好的跨平台解决方案。所以我们设计了一套基于Weex实现,底层跑在Flutter Engine上的框架。

底层的Runtime采用isolate engine,框架业务逻辑,Dom的解析逻辑和Render逻辑都跑在这里。

渲染引擎采用Flutter的Skia,彻底剥离了Android和IOS的差异性.

将Weex VirsualDom的解析都替换成Flutter Widget.

设计基于Weex2Dart的Brider,使JS和Dart可以相互调用

weex-demo的性能展示

release环境下采用AOT模式,性能会有质的飞跃。

Android-Release版本只有10m大小

相比Weex和Rn具有更好的性能,同时具有更好的跨平台性

相比Flutter,具有动态部署的能力(Flutter Release采用AoT模式并没有动态部署的能力,即使Debug版本也只是开发环境下才有动态化能力并没有可以实施项目的能力)

只需要会Weex开发或则Rn开发就可以,不需要额外学习Dart,已有的Weex项目可以无缝切换。

Flutter是一个什么框架

Flutter是一个移动应用程序的软件开发工具包(SDK),具有以下特征:

跨平台应用的框架,没有使用WebView或者系统平台自带的控件,使用自身的高性能渲染引擎自绘

简化版的浏览器,最大限度在android和ios上统一UI,包括业务逻辑和用户体验

开发语言使用dart,结合C, C++, 和Skia(2D渲染引擎)构建

支持hot reload,包含着完整的控件和工具链

一切皆控件,控件是每个Flutter应用程序的基本构建块,与分离视图、控制器、布局和其他属性的框架不同,Flutter具有一致的统一对象模型:控件。一个控件可以定义:结构元素(比如按钮或菜单)、风格元素(比如字体或颜色方案)、布局的方面(比如填充)、一些业务逻辑等

组合大于继承,控件本身通常由许多小型、单用途的控件组成,结合起来产生强大的效果,类的层次结构是扁平的,以最大化可能的组合数量

强化版的WebView,框架仅提供一个View层,大部分功能要依赖原生

目前只能够运行大部分Dart代码(不能引入dart:mirrors或dart:html库)


文章名称:flutter核心框架,flutter模块化构建
文章源于:http://cdiso.cn/article/dsgpgpg.html

其他资讯