写点什么

flutter

10 人感兴趣 · 415 次引用

  • 最新
  • 推荐

flutter 系列之: 做一个会飞的菜单

flutter中自带了drawer组件,可以实现通用的菜单功能,那么有没有一种可能,我们可以通过自定义动画来实现一个别样的菜单呢?

https://static001.geekbang.org/infoq/27/27ef114526bb1ab35fecedd258bb6259.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 三棵树系列之 BuildOwner | 京东云技术团队

Flutter开发中三棵树的重要性不言而喻,了解其原理有助于我们开发出性能更优的App,此文主要从源码角度介绍Element树的管理类BuildOwner。

https://static001.geekbang.org/infoq/57/579c82ebfd04549182b75d8bc0103bb3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 调优 -- 深入探究 MediaQuery 引起界面 Rebuild 的原因及解决办法 | 京东云技术团队

我们可以通过MediaQuery.of方法获取到一些设备和系统的信息,比如状态栏的高度、当前是否是黑暗模式等等,使用起来相当方便,单也可能引起的页面rebuild问题。本文会介绍一个典型的例子,并深入源码来探讨引起rebuild的原因,最后介绍避免rebuild的几个办法。

https://static001.geekbang.org/infoq/89/89d4472f7be361305a837443b9873efd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 热更新技术探索 | 京东云技术团队

APP发布到市场后,难免会遇到严重的BUG阻碍用户使用,因此有在不发布新版本APP的情况下使用热更新技术立即修复BUG需求。原生APP(例如:Android & IOS)的热更新需求已经比较成熟,但Flutter技术栈目前还缺少类似的技术方案,因此Flutter研发团队,也需要类似

flutter 系列之: 做一个下载按钮的动画

我们在app的开发过程中经常会用到一些表示进度类的动画效果,比如一个下载按钮,我们希望按钮能够动态显示下载的进度,这样可以给用户一些直观的印象,那么在flutter中一个下载按钮的动画应该如何制作呢?

移动应用架构与 React Native、Flutter 的关联

用户头像
Onegun
05-24

移动应用的成功离不开一个良好的架构设计,在移动应用开发过程中,合理的层次结构对于应用的可维护性、可扩展性和可测试性至关重要。

https://static001.geekbang.org/infoq/07/079efddc31d0fae1c31a081bf72a11b7.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 三棵树系列之详解各种 Key | 京东云技术团队

key是widget、element和semanticsNode的唯一标识,同一个parent下的所有element的key不能重复,但是在特定条件下可以在不同parent下使用相同的key,比如page1和page2都可以使用ValueKey(1) 。

https://static001.geekbang.org/infoq/27/27ef114526bb1ab35fecedd258bb6259.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Deferred Components- 实现 Flutter 运行时动态下发 Dart 代码 | 京东云技术团队

Deferred Components,官方实现的Flutter代码动态下发的方案。本文主要介绍官方方案的实现细节,探索在国内环境下使用Deferred Components,并且实现了最小验证demo。读罢本文,你就可以实现Dart文件级别代码的动态下发。

flutter 系列之: 使用 AnimationController 来控制动画效果

之前我们提到了flutter提供了比较简单好用的AnimatedContainer和SlideTransition来进行一些简单的动画效果,但是要完全实现自定义的复杂的动画效果,还是要使用AnimationController。

flutter 系列之: 做一个修改组件属性的动画

什么是动画呢?动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制,不过直接是用AnimationController是比较复杂的,如果只是对一个widget的属性进行修改,可以做成动画吗?

https://static001.geekbang.org/infoq/99/999618303ba76df6099a8265f3735ebd.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于 Flutter 实现 Windows 平台离线大模型对话应用实战

本文介绍了Windows上的MSVC C++编译器以及Flutter创建桌面应用的步骤及应用程序打包方式,并分享了FFI集成本地代码遇到的问题和解决办法。

https://static001.geekbang.org/infoq/24/243891ef3870f6432048f282cef1004b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于 Flutter 实现跨平台离线大模型对话应用

本文介绍了离线大模型对话应用的跨平台实现,包括Flutter调用本地代码,Flutter跨平台路径问题,展示了离线大模型效果及性能指标。

flutter 系列之: 如何自定义动画路由

flutter中有默认的Route组件,叫做MaterialPageRoute,一般情况下我们在flutter中进行跳转的话,只需要向Navigator中传入一个MaterialPageRoute就可以了。

https://static001.geekbang.org/infoq/bd/bdb1394ac7b76d10e1878cfa3982bb7b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

为什么说 Flutter 无法成为移动应用开发的“顶流明星”?

用户头像
FinFish
04-17

Flutter是一款由Google推出的跨平台移动应用开发框架,近年来备受关注。尽管Flutter在某些方面表现出色,但仍然有一些人对它的发展前景表示怀疑。

https://static001.geekbang.org/infoq/fa/fa01bc9b01d67f4995093088aee4fab5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Hybrid App 选用什么前端框架更好

用户头像
Onegun
04-13

由于混合应用的开发具有灵活性、可移植性和易维护性等优点,Hybrid App(混合应用)的开发变得越来越流行,甚至成为一种烂大街的存在,大到全民超级 App 微信、支付宝,小到随便的一个独立电商 App 都是 Hybrid App 的“忠实粉丝”。

flutter 系列之: 在 flutter 中使用相机拍摄照片

在app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢?

https://static001.geekbang.org/infoq/0f/0ff5b33d3b745c474770d722064626b0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 异步编程指南

在 App 开发中,经常会遇到处理异步任务的场景,如网络请求、读写文件等。Android、iOS 使用的是多线程,而在 Flutter 中为单线程事件循环

Flutter 和小程序容器技术的应用前景与发展潜力

用户头像
FinFish
04-03

随着小程序的普及和Flutter技术的不断发展,相信Flutter和小程序技术将会越来越成熟,可以为用户提供更加优秀的小程序体验,也能够为开发者和企业提供更高效、更灵活的小程序开发方案。

https://static001.geekbang.org/infoq/15/157bbb1e1ef46ee465da87afa47597a2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 使用 CustomPaint 绘制基本图形

本篇介绍了 CustomPaint 绘制基本图形的方法和示例,实际上 Flutter 的 Canvas 提供了很多其他绘制图形的方法,如绘制线条,绘制圆角矩形,绘制文本等等

https://static001.geekbang.org/infoq/86/86ca69bc93c8b2f429ed4cd3f44e0aeb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

flutter 系列之: 在 flutter 中使用媒体播放器

现在的app功能越来越强大,除了基本的图文之外,还需要各种各样的其他的功能,比如视频,和直播。

https://static001.geekbang.org/infoq/74/743ffe0e22ce00ee1e979be5aff04a6b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

在 Flutter 多人视频中实现虚拟背景、美颜与空间音效

用户头像
声网
03-28

在多人视频通话中实现虚拟背景、色彩增强、空间音频、基础变声功能

https://static001.geekbang.org/infoq/93/93ea136b75d2589f4e2ce23d24951efc.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

初识 Flutter 的绘图组件 — CustomPaint

本篇介绍了 CustomPaint 的基本使用,可以看到 CustomPaint 使用起来并不复杂,但是真正复杂的是如何绘制图形,这个需要有比较好的数学知识支撑(当然,如果确实不会也可以搜索相关资料)。接下来的一篇我们来绘制一些常见的图形。

https://static001.geekbang.org/infoq/0b/0b50f57ca9899bc1cad2e763c3fe7cbc.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

打造炫酷时尚的 Neumorphism 设计!

当你打算为你的程序添加一些新鲜的设计元素时,Neumorphism绝对是一个值得尝试的选择。这种设计风格为你的UI元素增添了更多的纹理和深度感,使用户界面看起来更加现代化和真实。

https://static001.geekbang.org/infoq/f0/f07fa7126aa13a89bef5b720e83a4212.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于声网 Flutter SDK 实现互动直播

用户头像
声网
03-17

互动直播是直播带货、互动直播、游戏直播等场景的基础,使用声网 SDK 可以一小时内快速实现。

https://static001.geekbang.org/infoq/67/676b7a932a6c6cc390023a3fd5fef85e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

通过 Flutter 实现一个能在多端运行的扫雷游戏

当我们回忆起小时候的经典电脑游戏,扫雷一定是其中之一。这个简单而富有挑战的游戏不仅考验我们的智力和耐性,而且在完成后还会让我们感到一种无与伦比的成就感。现在,您可以使用Flutter来重新体验这个经典游戏,无论您是Flutter新手还是老手,都能通过本文

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

我们在flutter中可以使用Navigator.push或者Navigator.pushNamed方法来向Navigator中添加不同的页面,从而达到页面调整的目的。

https://static001.geekbang.org/infoq/6f/6f67b28e02e69881bfe648c439561f77.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于声网 Flutter SDK 实现多人视频通话

用户头像
声网
03-07

本文除了讲述实现多人视频通话的过程,还有一些 Flutter 开发方面的知识点。

https://static001.geekbang.org/infoq/c6/c68014b689c321ecfa26431c336d0752.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

更高效、更实用的跨端开发选择

用户头像
FinFish
03-06

通过使用Flutter和FinClip,开发者可以节省大量的时间和精力,并提高应用程序的质量和稳定性,从而满足不同用户的需求和期望。相信Flutter和FinClip将会成为未来跨端开发的主流选择,并带来更加丰富、多样化、创新化的应用程序体验。

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

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

flutter_flutter技术文章_InfoQ写作社区