flutter

一统天下 flutter - 动画: 自定义 Tween - ColorTween, CurveTween, SizeTween, RectTween, AlignmentTween, BorderTween, BoxConstraintsTween, DecorationTween, EdgeInsetsTween, TextStyleTween, IntTween 等

一统天下 flutter - 动画: 自定义 Tween - ColorTween, CurveTween, SizeTween, RectTween, AlignmentTween, BorderTween, BoxConstraintsTween, DecorationTween, EdgeIn... ......

一统天下 flutter - dart: 单线程异步编程(async/await/Future<T>/Stream<T>/StreamSubscription/Completer)

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - dart: 单线程异步编程(async/await/Future/Stream/StreamSubscription/Completer) 示 ......

一统天下 flutter - dart: 数据类型(num, int, double, bool, String, List, Set, Map, Object, dynamic, 数据类型转换与判断,可空类型)

一统天下 flutter - dart: 数据类型(num, int, double, bool, String, List, Set, Map, Object, dynamic, 数据类型转换与判断,可空类型) ......
类型 数据 一统天下 flutter dynamic

一统天下 flutter - 动画: AnimatedBuilder - 用于简化 AnimatedWidget 动画

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: AnimatedBuilder - 用于简化 AnimatedWidget 动画 示例如下: lib\animation\animat ......

一统天下 flutter - 动画: CurvedAnimation - 曲线型动画(缓动动画)

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: CurvedAnimation - 曲线型动画(缓动动画) 示例如下: lib\animation\curved_animation. ......

一统天下 flutter - 动画: AnimatedWidget - 用于实现自定义的 Transition

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: AnimatedWidget - 用于实现自定义的 Transition 示例如下: lib\animation\animated_w ......

一统天下 flutter - 动画: Animation - 动画基础(以直线型动画为例)

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Animation - 动画基础(以直线型动画为例) 示例如下: lib\animation\animation.dart /* * ......
动画 一统天下 直线 Animation flutter

一统天下 flutter - 动画: Stagger - 复合动画,即一个 AnimationController 控制多个动画

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Stagger - 复合动画,即一个 AnimationController 控制多个动画 示例如下: lib\animation\s ......

一统天下 flutter - 动画: Hero - 一个对象从一个页飞入另一个页的动画

一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Hero - 一个对象从一个页飞入另一个页的动画 示例如下: lib\animation\hero.dart /* * Hero - ......
动画 一统天下 对象 flutter 天下

Flutter、UniApp、Taro和 React Native 对比分析

Flutter、UniApp 和 React Native 都是现代的跨平台移动应用开发框架,它们都有自己的优势和适用场景。以下是它们的对比分析: Flutter Flutter 是一个由 Google 推出的移动应用开发框架,使用 Dart 语言编写。Flutter 具有高度的可定制性和丰富的 U ......
Flutter UniApp Native React Taro

Flutter 下载篇 - 叁 | 网络库切换实践与思考

前言 本文是关于使用flutter_download_manager下载功能的实践和探索。我们将基于flutter_download_manager的功能扩展,改造成自己想要的样子。在阅读本文之前,建议先了解前两篇文章: Flutter 下载篇 - 壹 | flutter_download_mana ......
Flutter 网络

Flutter 下载篇 - 贰 | 当下载器遇上切换网络库

需求背景 继上篇《Flutter 下载篇 - 壹 | flutter_download_manager 源码解析》中详细介绍了 flutter_download_manager 用法和原理。在优缺点中提到,该库纯 Dart 实现,支持下载管理,暂停,恢复,取消和断点续传。其中有个缺点是网络库与 di ......
Flutter 网络

剖析flutter_download_manager学习如何做下载管理,暂停和取消

前言 内容类应用中图片或文件下载,一般应用中应用更新和升级,这些都是经典的下载场景。下载是项目中基础且重要的模块。 从代码逻辑复用性和人力成本考虑,一直想实现一个纯Dart实现的下载库,作为技术储备。 最近发现了一个纯Dart实现的下载库flutter_download_manager,相对来说各方 ......

flutter系列之:在flutter中自定义themes

简介 一般情况下我们在flutter中搭建的app基本上都是用的是MaterialApp这种设计模式,MaterialApp中为我们接下来使用的按钮,菜单等提供了统一的样式,那么这种样式能不能进行修改或者自定义呢? 答案是肯定的,一起来看看吧。 MaterialApp中的themes Materia ......
flutter themes

flutter系列之:创建一个内嵌的navigation

简介 我们在flutter中可以使用Navigator.push或者Navigator.pushNamed方法来向Navigator中添加不同的页面,从而达到页面调整的目的。 一般情况下这样已经足够了,但是有时候我们有多个Navigator的情况下,上面的使用方式就不够用了。比如我们有一个主页面ap ......
navigation flutter

函数式编程:Flutter&Dart中的组合

本文翻译自: Composition in Flutter & Dart 在 Flutter & Dart 中使用组合创建模块化应用程序。 什么是组合? 在dictionary.com 中 composition 的定义为:将部分或者元素组合成一个整体的行为。简单说,组合就像堆乐高积木,我们可以将积 ......
函数 Flutter Dart amp

flutter系列之:在flutter中使用导航Navigator

简介 一个APP如果没有页面跳转那么是没有灵魂的,页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架,Navigator肯定是必不可少的,那么在flutter中如何使用Navigator呢? 一起来看看吧。 flutter中的Navigator Navigator ......
flutter Navigator

与 Flutter 共创未来 | Flutter Forward 活动精彩回顾

作者 / Google 开发者框架和语言 (含 Flutter、Dart 和 Go) 产品经理 & 用户体验总监 Tim Sneath 我们很高兴可以在 Flutter Forward 活动 上分享我们对 Flutter 的愿景。Flutter Forward 是在肯尼亚内罗毕以线上直播方式举行的开 ......
Flutter 共创未来 精彩回顾 Forward

flutter系列之:Navigator的高级用法

简介 上篇文章我们讲到了flutter中navigator的基本用法,我们可以使用它的push和pop方法来进行Router之间的跳转。 在flutter中一个Router就是一个widget,但是在Android中,一个Router就是Activity,在IOS中,一个Router是一个ViewC ......
Navigator flutter

flutter系列之:使用SliverList和SliverGird

简介 在上一篇文章我们讲解SliverAppBar的时候有提到过,Sliver的组件一般都用在CustomScrollView中。除了SliverAppBar之外,我们还可以为CustomScrollView添加List或者Grid来实现更加复杂的组合效果。 今天要向大家介绍的就是SliverLis ......
SliverList SliverGird flutter

Flutter 3.7 新特性:介绍后台isolate通道

Flutter 3.7 发布,本人对其中后台 isolate 通道比较感兴趣,迫不及待翻译了下Aaron Clarke文章,第一次翻译,有不足地方欢迎各位大佬们评论区指正,我将持续更新到本文,谢谢。 原文地址:Introducing background isolate channels | by ......
后台 特性 通道 Flutter isolate

Flutter框架渲染流程与使用

Flutter简述 Flutter是一个UI框架, 可以进行移动端(iOS, Android),Web端, 桌面端开发,它是一个跨平台解决方案。 Flutter的特点:美观,快速,高效,开放。 美观:Flutter内置了美丽的Material Design和 Cupertino widget, 方便 ......
框架 流程 Flutter

Flutter异常监控 - 肆 | Rollbar源码赏析

一. Rollbar可以帮你解决哪些问题 无特别说明,文中Rollbar统指Rollbar-flutter 1. 代码复用 Rollbar官方文档说是纯Dart实现,该特征意味着自带”代码复用”光环。 如图当接入端(Third-APP)调用Rollbar SDK时表示包含的网络(异常数据上传等)和存 ......
源码 Flutter Rollbar

Flutter 耗时监控 | 路由名为空原因分析

前言 最近群里遇到获取Route名为空的问题,当时没在意。。。 直到自己在监控页面启动耗时,需要确定当前页面是哪个从而方便标记它加载的耗时时,遇到同样 route.settings.name 为空问题,模拟场景如下: 在 main.dart 页面中点击 + 按钮跳转到 TestPage2 页面。 M ......
原因分析 路由 原因 Flutter

Flutter异常监控 - 伍 | 关于异常监控框架设计的思考

前言 最近阅读 Catcher、BugSnag、Rollbar 三个 Flutter 异常监控开源框架,文章链接如下: Flutter 异常监控 - 壹 | 从 Zone 说起 Flutter 异常监控 - 贰 | 框架 Catcher 原理分析 Flutter 异常监控 - 叁 | 从 bugsn ......
框架 Flutter

Flutter帧率监控 | 由浅入深,详解获取帧率的那些事

前言 做线上帧率监控上报时,少不了需要弄明白如何通过代码获取实时帧率的需求,这篇文章通过图解配合Flutter性能调试工具的方式一步步通俗易懂地让你明白获取帧率的基础知识,以后再也不愁看不懂调试工具上指标了。 说说 List<FrameTiming> Flutter 中通过如下方式监听帧率,addT ......
Flutter

Flutter 3.7 正式发布

新的 Flutter 稳定版加入了 Material 3 更新、iOS 平台优化及其他内容 新年伊始,由 Flutter 3.7 正式版来「打头阵」!我们与整个 Flutter 社区成员们继续在 Flutter 3.7 中优化了框架,包括创建自定义菜单栏和层叠式菜单、更好的国际化工具支持、新的调试工 ......
Flutter 3.7

Flutter异常监控 - 壹 | 从Zone说起

如果觉得文章对你有帮助,点赞、收藏、关注、评论,一键四连支持,你的支持就是我创作最大的动力。 ❤️ 本文原创听蝉 公众号:编程黑板报 欢迎关注原创技术文章第一时间推送 ❤️ 如果你正需要处理Flutter异常捕获,那么恭喜你,找对地了,这里从根源上给你准备了Flutter异常捕获需要是所有知识和原理 ......
Flutter Zone