首页 > 其他分享 >uniapp和Flutter我还是选择了Flutter

uniapp和Flutter我还是选择了Flutter

时间:2023-09-01 22:34:46浏览次数:34  
标签:uniapp 语言 动画 简介 Dart 选择 组件 Flutter

APP开发跨平台?uniapp?Flutter?

这是一个很纠结的选择!

对于uniapp和Flutter,不少人都在使用,给大家总结一下自己使用心得和感悟。

uniapp:

  • 出自国产、开箱即用、上手简单。
  • 支持更多的平台,如果你要支持小程序的话,不用犹豫了就选择它吧。
  • 有前端基础可以更好的发挥。
  • 在国内社区比较活跃,持续更新(有时也让人头疼,问题很多、几乎不兼容。如果你有老的项目,现在你感觉还好吗?是不是心里在骂人?),一般遇到的问题都能搜到。
  • 最终还是通过webview来渲染,所以性能这一块没啥可说的,天生的也就那样了。

flutter:

  • 独有的渲染机制、各平台效果能很好的保持一致。
  • 学习门槛稍高,专有的dart语言、框架之类的要从头学起,曾经的前端基础基本没关联。所以,前期如果在团队中推广有难度。
  • 现在势头正猛,现在很多知名的公司都在使用Flutter来实现自己的部分功能。
  • 最重要的是,领导觉得它好,谷歌出品就是牛逼,你会了你就牛逼!翻开招聘网站搜APP开发,要求flutter技能的出现了好多。

关于性能:

我都吃上泡面了,你还在一直给我说它不健康!

如果真的需要过于在意性能,你还跨什么平台?直接走原生开发吧。uniapp和flutter我认为他们性能方面没有太大的距离,基本半斤对八两。

未来,我认为flutter会更火,因为它出身好,有个好爹。或许火过之后一段时间也会凉凉,这谁又能说的准呢?

框架技术本质只是我们的实现手段,它会不断的产生、不断的消亡。但是不管哪一个,只要满足我们的需求、做出一个好的产品,那它就是最好的。

学习资源推荐

由于Flutter 技术已经成为越来越多企业重点投入的技术建设方向。阿里、腾讯、字节跳动、京东、美团等公司均建设了自己的 Flutter 工程化体系,并服务了各自的业务场景,在大量的产品线上使用了Flutter技术。

各大中小公司对于新业务,尤其是在团队人力紧缺的情况下,在技术选型上使用 Flutter,能加快产品在多端落地、快速迭代、快速试错。

「所以,学习Flutter,已经势在必行!」

为了能够方便大家快速学习Flutter, 这里整理了Flutter学习路线图以及《Flutter Dart 语言编程入门到精通》&《Flutter实战:第二版》帮助大家配置相关环境,学习Flutter 的基本语法以及最后的项目实际利用。

有需要的小伙伴,可以点击下方课程链接详细了解!!!

https://edu.51cto.com/course/32703.html

学习路线:

uniapp和Flutter我还是选择了Flutter_服务端

Dart语言是Flutter的开发语言,所以我们需要掌握Dart语言的基础知识

《Flutter Dart 语言编程入门到精通》

第一章 Dart语言基础

  • 环境准备
  • 基础语法

第二章 Dart 异步编程

  • Dart的事件循环
  • 调度任务
  • 延时任务
  • Future详解
  • async和await
  • lsolate

uniapp和Flutter我还是选择了Flutter_服务端_02

第三章 异步之 Stream 详解

  • 什么是Stream
  • 单订阅流
  • 广播流
  • Stream Transformer
  • 总结

第四章 Dart标准输入输出流

  • 文件操作

uniapp和Flutter我还是选择了Flutter_Dart_03

第五章 Dart 网络编程

  • TCP服务端
  • TCP客户端
  • UDP服务端
  • UDP客户端
  • HTTP服务器与请求
  • WebSocket

第六章 Flutter 爬虫与服务端

  • Dart爬虫开发
  • Dart服务端
  • 创建Flutter项目演示
  • 总结

第七章 Dart 的服务端开发

  • 注册登录实现

第八章 Dart 调用C语言混合编程

  • 环境准备
  • 测试Dart ffi接口
  • 总结

第九章 LuaDardo中Dart与Lua的相互调用

  • Lua C API
  • 创建运行时
  • Dart调Lua
  • Lua调Dart

uniapp和Flutter我还是选择了Flutter_Dart_04

掌握了Dart语言之后,咱们就可以通过实战来掌握Flutter的知识点

《Flutter实战:第二版》

第一章:起步

  • 1.1 移动开发技术简介
  • 1.2 初始Flutter
  • 1.3 搭建Flutter开发环境
  • 1.4 Dart语言简介

第二章:第一个Flutter应用

  • 2.1 计数器应用实例
  • 2.2 Widget简介
  • 2.3 状态管理
  • 2.4路由管理
  • 2.5包管理
  • 2.6 资源管理
  • 2.7 调试Flutter应用
  • 2.8 Flutter异常捕获

uniapp和Flutter我还是选择了Flutter_uniapp_05

第三章:基础组件

  • 3.1 文本及样式
  • 3.2 按钮
  • 3.3 图片及ICON
  • 3.4 单选开关和复选框
  • 3.5 输入框及表单
  • 3.6 进度指示器

第四章:布局类组件

  • 4.1 布局类组件简介
  • 4.2 布局原理与约束(constraints)
  • 4.3 线性布局(Row和Column)
  • 4.4 弹性布局(Flex)
  • ............

uniapp和Flutter我还是选择了Flutter_服务端_06

第五章:容器类组件

  • 5.1 填充(Padding)
  • 5.2 装饰容器(DecoratedBox)
  • 5.3 变换(Transform)
  • 5.4 容器组件(Container)
  • 5.5 剪裁(Clip)
  • 5.6 空间适配(FittedBox)
  • 5.7 页面骨架(Scaffold)

第六章:可滚动组件

  • 6.1 可滚动组件简介
  • 6.2 SingleChildScrollView
  • 6.3 ListView
  • 6.4 滚动监听及控制
  • .............

uniapp和Flutter我还是选择了Flutter_flutter_07

第七章:功能型组件

  • 7.1 导航返回拦截(WillPopScope)
  • 7.2 数据共享(InheritedWidget)
  • 7.3 跨组件状态共享
  • 7.4 颜色和主题
  • 7.5 按需rebuild(ValueListenableBuilder)
  • 7.6 异步UI更新(FutureBuilder、StreamBuilder)
  • 7.7 对话框详解

第八章:事件处理与通知

  • 8.1 原始指针事件处理
  • 8.2 手势识别
  • 8.3 Flutter事件机制
  • 8.4 手势原理与手势冲突
  • 8.5 事件总线
  • 8.6 通知 Notification

uniapp和Flutter我还是选择了Flutter_flutter_08

第九章:动画

  • 9.1 Flutter动画简介
  • 9.2 动画基本结构及状态监听
  • 9.3 自定义路由切换动画
  • 9.4 Hero动画
  • 9.5 交织动画
  • 9.6 动画切换组件(AnimatedSwitcher)
  • 9.7 动画过渡组件

第十章:自定义组件

  • 10.1 自定义组件方法简介
  • 10.2 组合现有组件
  • 10.3 组合实例:TurnBox
  • 10.4 CustomPaint 与 Canvas
  • 10.5 自绘实例:圆形背景渐变进度条
  • 10.6 自绘组件:CustomCheckbox
  • 10.7 自绘组件: DoneWidget
  • 10.8 水印实例: 文本绘制与离屏渲染

uniapp和Flutter我还是选择了Flutter_uniapp_09

第十一章:文件操作与网络请求

  • 11.1 文件操作
  • 11.2 通过HttpClient发起HTTP请求
  • 11.3 Http请求库-dio
  • 11.4 实例:Http分块下载
  • ..........

第十二章:Flutter扩展

  • 12.1 包和插件
  • 12.2 Flutter Web

第十三章:国际化

  • 13.1 让App支持多语言
  • 13.2 实现Localizations
  • 13.3 使用Intl包
  • 13.4 国际化常见问题

uniapp和Flutter我还是选择了Flutter_uniapp_10

第十四章:Flutter核心原理

  • 14.1 Flutter UI 框架(Framework)
  • 14.2 Element、BuildContext和RenderObject
  • 14.3 Flutter启动流程和渲染管线
  • 14.4 布局(Layout)过程
  • 14.5 绘制(一)绘制原理及Layer
  • .................

第十五章:一个完整的Flutter应用

  • 15.1 Github客户端示例
  • 15.2 Flutter APP代码结构
  • 15.3 Model类定义
  • 15.4 全局变量及共享状态
  • 15.5 网络请求封装
  • 15.6 APP入口及主页
  • 15.7 登录页
  • 15.8 多语言和多主题

uniapp和Flutter我还是选择了Flutter_Dart_11

由于内容过多,截图展示的目录及部分内容,有需要的小伙伴,可以点击下方课程链接详细了解!!!

https://edu.51cto.com/course/32703.html

最后:

既然选择了就动手干吧,在畏畏缩缩、左右纠结马上凉凉的就是我们自己。


标签:uniapp,语言,动画,简介,Dart,选择,组件,Flutter
From: https://blog.51cto.com/u_16163442/7326803

相关文章

  • uniapp项目实践总结(六)自定义顶部导航栏
    本篇主要讲述如何自定义顶部导航栏,有时候默认导航栏不足以满足我们的需求,这时候就需要自定义导航栏来解决这个问题。目录默认导航修改配置自定义顶部默认导航自带的默认顶部导航设置的内容有限,不容易扩展修改,因此如果有更加个性化的需求,则需要自定义顶部导航。配置如下......
  • 模型评估与选择
    模型评估与选择数据集划分留出法:直接将数据集划分为两个互斥集合K折交叉验证:“交叉验证法”(crossvalidation)先将数据集D划分为k个大小相似的互斥子集,每个子集D都尽可能保持数据分布的一致性,即从D中通过分层采样得到.然后,每次用k-1个子集的并集作为训练集,余下的那个子......
  • 什么是通配符选择器
    通配符选择器是CSS中的一种基本选择器,它使用“*”符号来匹配所有的HTML元素。通配符选择器用于定义针对所有元素的样式规则,它在样式表中的优先级最低,但也为其他选择器增加了特殊的作用。通配符选择器不仅可以匹配整个元素,还可以针对元素的属性进行匹配,因此在排除某些元素样式的同......
  • 选择器的权重
    在CSS中,选择器的权重是一个重要的概念,它决定了哪个样式规则应用于元素。选择器的权重是由一系列因素决定的,包括选择器的类型、选择器的复杂性以及样式规则的来源。选择器的权重有以下规则:内联样式(InlineStyles)的权重最高,为1000。例如:<divstyle="color:red;">。ID选择器的权......
  • uniapp的u-album组件自定义删除功能
    加是否显示删除按钮图片字段删除按钮删除方法删除按钮样式代码<template><viewclass="u-album"><viewclass="u-album__row"ref="u-album__row"v-for="(arr,index)inshowUrls"......
  • 无涯教程-Flutter - 编写IOS代码
    访问iOS特定代码与Android平台上的代码相似,不同之处在于它使用iOS特定语言-Objective-C或Swift和iOSSDK。下表显示了如何在Android和iOS平台上接收Dart值。dartandroidiosnullnull无(嵌套时为NSNull)booljava.lang.BooleanNSNumbernumberWithBool:intjava.lang.Int......
  • uniapp 如何自定义导航栏并自适应机型
    Uniapp是一款跨平台开发框架,可以同时开发出可以在多个平台(如微信小程序、H5、App等)上运行的应用。在开发过程中,我们常常需要自定义导航栏来满足UI设计的需求。本文将介绍如何在Uniapp中自定义导航栏并自适应不同机型的屏幕大小。1.使用nav-bar组件自定义导航栏Uniapp提......
  • 无涯教程-Flutter - Dart简介
    Dart是一种开源通用编程语言,它最初是由Google开发的,Dart是一种具有C样式语法的面向对象的语言,它支持诸如接口,类之类的编程概念,与其他编程语言不同,Dart不支持数组,Dart集合可用于复制数据结构,例如数组,泛型和可选类型。以下代码显示了一个简单的Dart程序-voidmain(){print......
  • 无涯教程-Flutter - 创建程序
    在本章中,让无涯教程创建一个简单的Flutter应用程序,以了解在AndroidStudio中创建Flutter应用程序的基础。第1步-打开AndroidStudio第2步-创建Flutter项目。为此,请单击File→New→NewFlutterProject第3步-选择FlutterApplication。为此,选择FlutterApplication,然......
  • 站长告诉怎么选择网站服务器
    很多站长开始做网站的时候,总是纠结于网站主机的选择。对于是使用服务器还是虚拟主机作为网站空间,往往存在很多困惑,今天为大家详细对比解析一下!选择一个好的空间将有助于网站被搜索引擎更快地编入索引,并继续吸引更多的流量来找到你。所以空间的选择似乎是一件小事,但对于网站推广来说......