当前位置: 首页 > news >正文

常用框架分析(7)-Flutter

框架分析(7)-Flutter

  • 专栏介绍
    • Flutter
      • 核心思想
      • Flutter的特点
        • 快速开发
        • 跨平台
        • 高性能
        • 美观的用户界面
      • Flutter的架构
        • 框架层
        • 引擎层
        • 平台层
      • 开发过程
        • 使用Dart语言编写代码
        • 编译成原生代码
        • 热重载
        • 工具和插件
    • 优缺点
      • 优点
        • 跨平台开发
        • 高性能
        • 美观的用户界面
        • 热重载
        • 强大的工具和插件生态系统
      • 缺点
        • 学习曲线较陡
        • 平台依赖性
        • 包体积较大
      • 总结

专栏介绍

link
主要对目前市面上常见的框架进行分析和总结,希望有兴趣的小伙伴们可以看一下,会持续更新的。希望各位可以监督我,我们一起学习进步。

在这里插入图片描述

Flutter

Flutter是由Google开发的一个开源移动应用软件开发框架,用于创建高性能、高保真度的Android和iOS应用。它使用Dart语言编写,具有快速开发、跨平台、高性能和美观的特点。

核心思想

使用自定义的UI组件构建用户界面,这些组件可以直接渲染到屏幕上,而不需要通过平台的原生控件进行渲染。这使得Flutter应用程序具有更高的性能和更好的用户体验。Flutter还提供了丰富的UI组件库,包括按钮、文本框、图像和列表等常用组件,开发者可以根据自己的需求定制和扩展这些组件。

Flutter的特点

快速开发

Flutter具有热重载功能,可以实时预览和调试应用程序,加快开发速度。

跨平台

Flutter可以在Android和iOS等多个平台上运行,开发者只需编写一套代码即可。

高性能

Flutter使用自定义的UI组件,直接渲染到屏幕上,无需通过平台的原生控件进行渲染,从而提供更高的性能。

美观的用户界面

Flutter提供了丰富的UI组件库,开发者可以根据自己的需求定制和扩展这些组件,创建出美观的用户界面。
在这里插入图片描述

Flutter的架构

框架层

包括UI组件库、动画库和渲染引擎等,提供了构建用户界面的基础功能。Flutter的UI组件库是用Dart语言编写的,可以通过组合和定制这些组件来构建用户界面。

引擎层

负责将Flutter的UI描述转换为实际的渲染指令,并将其发送给平台层进行渲染。Flutter的引擎层使用C++编写,可以将UI描述转换为平台无关的渲染指令。

平台层

负责将渲染指令转换为平台特定的渲染操作,如Android的OpenGL ES或iOS的Core Animation。平台层使用平台特定的API进行渲染操作。

开发过程

使用Dart语言编写代码

Flutter使用Dart语言作为开发语言,开发者可以使用Dart的语法和特性来编写代码。

编译成原生代码

通过Flutter的工具链,将Dart代码编译成原生代码,可以在Android和iOS等平台上运行。

热重载

Flutter具有热重载功能,可以实时预览和调试应用程序。开发者可以在修改代码后,立即看到效果,加快开发速度。

工具和插件

Flutter提供了丰富的工具和插件,如调试工具、性能分析工具和第三方库等,方便开发者进行开发和调试。
在这里插入图片描述

优缺点

优点

跨平台开发

Flutter可以在多个平台上运行,包括Android、iOS、Web、桌面等。开发者只需编写一套代码,即可在不同平台上构建应用程序,大大减少了开发工作量。

高性能

Flutter使用自定义的UI组件,直接渲染到屏幕上,无需通过平台的原生控件进行渲染,从而提供了更高的性能。Flutter的渲染引擎可以实现60帧每秒的动画效果,用户体验更加流畅。

美观的用户界面

Flutter提供了丰富的UI组件库,开发者可以根据自己的需求定制和扩展这些组件,创建出美观的用户界面。Flutter的UI组件库遵循了Material Design和Cupertino风格,可以快速构建现代化的应用程序。

热重载

Flutter具有热重载功能,可以实时预览和调试应用程序。开发者可以在修改代码后,立即看到效果,加快了开发速度。这个特性对于迭代开发和调试非常有帮助。

强大的工具和插件生态系统

Flutter提供了丰富的工具和插件,如调试工具、性能分析工具和第三方库等,方便开发者进行开发和调试。Flutter的插件生态系统也非常活跃,开发者可以轻松地集成各种功能和服务。

在这里插入图片描述

缺点

学习曲线较陡

Flutter使用Dart语言进行开发,对于没有接触过Dart的开发者来说,需要一定的学习成本。同时,Flutter框架本身也有一些复杂的概念和机制,需要花一些时间去理解和掌握。

平台依赖性

虽然Flutter可以在多个平台上运行,但在某些特定平台上可能存在一些限制和依赖。例如,某些平台特定的功能可能需要使用平台特定的插件才能实现。

包体积较大

由于Flutter应用程序需要打包包含渲染引擎的二进制文件,因此应用程序的包体积相对较大。这可能会对应用程序的下载和安装速度产生一定的影响。

总结

Flutter框架具有跨平台开发、高性能、美观的用户界面和热重载等优点,但也存在学习曲线较陡和平台依赖性等缺点。开发者在选择使用Flutter框架时,需要综合考虑自身的需求和项目特点。

相关文章:

常用框架分析(7)-Flutter

框架分析(7)-Flutter 专栏介绍Flutter核心思想Flutter的特点快速开发跨平台高性能美观的用户界面 Flutter的架构框架层引擎层平台层 开发过程使用Dart语言编写代码编译成原生代码热重载工具和插件 优缺点优点跨平台开发高性能美观的用户界面热重载强大的…...

清空 Docker 容器的日志文件

删除容器中netcore控制台存储到docker日志记录 在shell命令下执行如下语句: docker ps -aq | xargs docker inspect --format{{.LogPath}} | xargs truncate -s 0 这个命令会执行以下操作: docker ps -aq:列出所有容器的ID(包括…...

01-虚拟机安装Windows Server操作系统

1、创建并配置虚拟机 2、安装操作系统 找到windows Server镜像 等待安装 3、设置密码...

应用案例 | 基于三维机器视觉的机器人麻袋拆垛应用解决方案

​Part.1 项目背景 在现代物流和制造行业中,麻袋的拆垛操作是一个重要且频繁的任务。传统的麻袋拆垛工作通常由人工完成,分拣效率较低,人力成本较高,现场麻袋堆叠、变形严重,垛型不规则、不固定,严重影响分…...

1018 Public Bike Management 结题记录(dfs剪枝)

个人觉得直接放入代码是最管用的。 其他方法类似&#xff0c;题意请参考其他博主。 #include <bits/stdc.h> using namespace std; const int N 1e4 50;int maxn 2000000000; int c, n, ed, s[N], m, minlen, needn, backn, pre[N]; bool flag, book[N]; vector<p…...

C++ deque底层原理

deque底层原理 一、目的二、底层实现三、原理图四、类结构五、push_back六、pop_back 一、目的 实现双端数组 二、底层实现 双向开口的连续线性空间 三、原理图 四、类结构 class deque : protected Deque base _Deque_base._Deque_impl M_map 指针数组 _M_map_size …...

打破对ChatGPT的依赖以及如何应对ChatGPT的错误和幻觉

​ OpenAI的ChatGPT是第一个真正流行的生成式AI工具&#xff0c;但它可能不是最好的。现在是时候扩大你的AI视野了。 ChatGPT成为了基于大语言模型(LLM)的聊天机器人的同义词。但是现在是时候停止对ChatGPT的痴迷&#xff0c;开始发现这个新世界中强大的替代品了。 首先&a…...

【git】【IDEA】在idea中使用git

目录 一、 在IDEA中配置git 二、 获取git仓库 2.1 本次初始化仓库 2.2 从远程仓库克隆 三、 本地仓库操作 3.1 将文件加入暂存区 3.2 将暂存区的文件提交到版本库 3.3 快捷键 使用快捷键 实现加入到暂存区与提交到版本库 3.4 查看日志 Show History 四、 远程仓库操…...

【设计模式】装饰者模式

目录 一、定义二、结构三、优点四、使用场景五、代码示例六、截图示例 一、定义 1.在不改变现有对象结构的情况下&#xff0c;动态给该对象添加额外功能的模式 2.类B继承于类A&#xff0c;并将类A作为B类的属性&#xff08;B类聚合A类&#xff09; 3.BufferedInputStream、Buff…...

open cv快速入门系列---数字图像基础

目录 一、数字图像基础 1.1 数字图像和图像单位 1.2 区分图片分辨率与屏幕分辨率 1.3 图像的灰度与灰度级 1.4 图像的深度 1.5 二值图像、灰度图像与彩色图像 1.6 通道数 二、数字图像处理 2.1 图像噪声及其消除 2.2 数字图像处理技术 2.2.1 图像变换 2.2.2 图像增强…...

基础知识回顾:借助 SSL/TLS 和 NGINX 进行 Web 流量加密

原文作者&#xff1a; Robert Haynes 原文链接&#xff1a; 基础知识回顾&#xff1a;借助 SSL/TLS 和 NGINX 进行 Web 流量加密 NGINX 唯一中文官方社区 &#xff0c;尽在 nginx.org.cn 网络攻击者肆无忌惮、作恶多端&#xff0c;几乎每天都有网络入侵、数据窃取或勒索软件攻击…...

iPhone 14 Plus与iPhone 14 Pro:你应该买哪一款

又到了iPhone季,这意味着你可能会在几种不同的机型之间左右为难,无法决定买哪一款。更令人困惑的是,苹果推出的iPhone变体——iPhone 14 Plus,只比老款iPhone 14 Pro低100美元。 有这么多选择,你可能想知道哪款iPhone最适合你。你应该买一部大屏幕的iPhone 14 Plus并节省…...

操作系统清华同步笔记:定义概述+计算机内存和硬盘布局+启动流程顺序+中断、异常和系统调用

定义概述 从用户角度来看&#xff0c;操作系统是一个控制软件&#xff0c;用以管理应用程序&#xff0c;为应用程序提供服务&#xff0c;杀死应用程序等。从内部文件角度来看&#xff0c;操作系统是一个资源管理器&#xff0c;用以管理外设&#xff0c;分配资源。层次结构&…...

uniapp 配置并使用 VueX

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态&#xff0c;并以相应的规则保证状态以一种可预测的方式发生变化。 uni-app 内置了 VueX 1、创建需要的文件 右键点击 根目录【我的是 uni-shop】&#xff0c;然后新建 目录&a…...

vue v-on 艾特@

vue v-on 内联代码&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</titl…...

【Ajax】发送跨域的POST请求时,浏览器会先发送一次OPTIONS请求,然后才发送原本的POST请求

当发送跨域的POST请求时&#xff0c;浏览器会先发送一次OPTIONS请求&#xff0c;这是因为浏览器的同源策略。OPTIONS请求被称为预检请求(pre-flight request)&#xff0c;它是CORS(跨源资源共享)机制中的一部分。 预检请求的目的是为了确保实际请求&#xff08;例如POST、PUT等…...

np.numpy, np.reshape, np.cumsum方法速查

1 np.numpy() 创建一个数组 state[[1,2,3,4,5],[6,7,8,9,10],[11,12,13,14,15]] state2np.array(state) print(state) print(state2)[[1, 2, 3, 4, 5], [6, 7, 8, 9, 10], [11, 12, 13, 14, 15]] [[ 1 2 3 4 5] [ 6 7 8 9 10] [11 12 13 14 15]] 2 np.reshape() 常用于矩阵规…...

七、Kafka-Kraft 模式

目录 7.1 Kafka-Kraft 架构7.2 Kafka-Kraft 集群部署 7.1 Kafka-Kraft 架构 左图为 Kafka 现有架构&#xff0c;元数据在 zookeeper 中&#xff0c;运行时动态选举 controller&#xff0c;由controller 进行 Kafka 集群管理 右图为 kraft 模式架构&#xff08;实验性&#xff…...

jvm开启远程调试功能;idea远程debug

概述 有时候一些问题本地调试无法复现&#xff0c;这个时候可以开启jvm的远程调试功能 jar包启动 jdk8 java -agentlib:jdwptransportdt_socket,address8787,servery,suspendn -jar xxx.jarjdk11/17 java -agentlib:jdwptransportdt_socket,address*:8787,servery,suspe…...

视频汇聚/视频云存储/视频监控管理平台EasyCVR视频平台添加萤火云设备的具体操作步骤

安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快&#xff0c;可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等&#xff0c;以及支持厂家私有协议与SDK接入&#xff0c;包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安…...

visual studio 2022更改主题为深色

visual studio 2022更改主题为深色 点击visual studio 上方的 工具-> 选项 在选项窗口中&#xff0c;选择 环境 -> 常规 &#xff0c;将其中的颜色主题改成深色 点击确定&#xff0c;更改完成...

【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】

1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种 系统属性定义文件&#xff08;System Property Definition File&#xff09;&#xff0c;用于声明和管理 Bluetooth 模块相…...

相机从app启动流程

一、流程框架图 二、具体流程分析 1、得到cameralist和对应的静态信息 目录如下: 重点代码分析: 启动相机前,先要通过getCameraIdList获取camera的个数以及id,然后可以通过getCameraCharacteristics获取对应id camera的capabilities(静态信息)进行一些openCamera前的…...

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个生活电费的缴纳和查询小程序

一、项目初始化与配置 1. 创建项目 ohpm init harmony/utility-payment-app 2. 配置权限 // module.json5 {"requestPermissions": [{"name": "ohos.permission.INTERNET"},{"name": "ohos.permission.GET_NETWORK_INFO"…...

JDK 17 新特性

#JDK 17 新特性 /**************** 文本块 *****************/ python/scala中早就支持&#xff0c;不稀奇 String json “”" { “name”: “Java”, “version”: 17 } “”"; /**************** Switch 语句 -> 表达式 *****************/ 挺好的&#xff…...

以光量子为例,详解量子获取方式

光量子技术获取量子比特可在室温下进行。该方式有望通过与名为硅光子学&#xff08;silicon photonics&#xff09;的光波导&#xff08;optical waveguide&#xff09;芯片制造技术和光纤等光通信技术相结合来实现量子计算机。量子力学中&#xff0c;光既是波又是粒子。光子本…...

Netty从入门到进阶(二)

二、Netty入门 1. 概述 1.1 Netty是什么 Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & clients. Netty是一个异步的、基于事件驱动的网络应用框架&#xff0c;用于…...

纯 Java 项目(非 SpringBoot)集成 Mybatis-Plus 和 Mybatis-Plus-Join

纯 Java 项目&#xff08;非 SpringBoot&#xff09;集成 Mybatis-Plus 和 Mybatis-Plus-Join 1、依赖1.1、依赖版本1.2、pom.xml 2、代码2.1、SqlSession 构造器2.2、MybatisPlus代码生成器2.3、获取 config.yml 配置2.3.1、config.yml2.3.2、项目配置类 2.4、ftl 模板2.4.1、…...

vulnyx Blogger writeup

信息收集 arp-scan nmap 获取userFlag 上web看看 一个默认的页面&#xff0c;gobuster扫一下目录 可以看到扫出的目录中得到了一个有价值的目录/wordpress&#xff0c;说明目标所使用的cms是wordpress&#xff0c;访问http://192.168.43.213/wordpress/然后查看源码能看到 这…...

【JavaSE】多线程基础学习笔记

多线程基础 -线程相关概念 程序&#xff08;Program&#xff09; 是为完成特定任务、用某种语言编写的一组指令的集合简单的说:就是我们写的代码 进程 进程是指运行中的程序&#xff0c;比如我们使用QQ&#xff0c;就启动了一个进程&#xff0c;操作系统就会为该进程分配内存…...