问题描述 最近发现Flutter中引入像素较大的静态图片或者字体导致调试或者打包之后在高刷手机上帧率只有60的问题。 测试设备为小米13，可在开发者选项中直接打开帧率显示， 也可使用statsfl插件显示帧率 StatsFl( maxFps: 120, Support ...[2024/8/26]

【Flutter】一文读懂混入类Mixin 基本介绍 Mixin是一种有利于代码复用，又避免了多继承的解决方案。 Mixin 是面向对象程序设计语言中的类，提供了方法的实现，其他类可以访问 Mixin 类的方法而不必成为其子类；Mixin 为使用它的 Cla 类提供额外的功能，但自身却不单...[2023/11/15]

之前写的一个 Flutter 收音机，支持桌面端和手机端，在https: www.cnblogs.com/imlgc/p/17536481.html ，写完之后就不怎么管了。后面陆陆续续有人邮件索要验证码，不是经常使用的邮箱，所有也不经常打开，也导致很多人没有收到回复。 所以，干脆将这个东西开...[2023/9/20]

不同场景下的解决方案 1. 跨平台开发： 在移动应用开发中，面对不同的平台（iOS和Android），我们通常需要编写两套不同的代码。而Flutter通过一套代码可以构建适用于多个平台的应用，大大提高了开发效率，降低了维护成本。 2. 混合开发： 在一些已有的原生应用中，引入Flutter可以...[2023/8/29]

前言 随着Flutter稳定版本逐步迭代更新，京东APP内部的Flutter业务也日益增多，Flutter开发为我们提供了高效的开发环境、优秀的跨平台适配、丰富的功能组件及动画、接近原生的交互体验，但随之也带来了一些OOM问题，通过线上监控信息和Observatory工具结合分析我们发现问题的原...[2023/8/18]

这一节我将再详细地为您介绍 Flutter 进阶主题，包括导航和路由、状态管理、异步处理、HTTP请求和Rest API，以及数据持久化。让我们逐个介绍这些主题。 1.导航和路由 在 Flutter 中，导航和路由是构建多页面应用的关键概念。导航是指从一个页面（或称为路由）切换到另一个页面的过...[2023/7/31]

目录简介定义一个菜单项目让menu动起来添加菜单内部的动画总结 简介 flutter中自带了drawer组件，可以实现通用的菜单功能，那么有没有一种可能，我们可以通过自定义动画来实现一个别样的菜单呢？ 答案是肯定的，一起来看看吧。 定义一个菜单项目 因为这里的主要目的是实现菜单的动画，所...[2023/6/7]

前言 我们可以通过MediaQuery.of(context)方法获取到一些设备和系统的相关信息，比如状态栏的高度、当前是否是黑暗模式等等，使用起来相当方便，但是也要注意可能引起的页面rebuild问题。本文会介我们可以通过MediaQuery.of(context)方法获取到一些设备和系统的相...[2023/5/29]

一，需求背景： APP发布到市场后，难免会遇到严重的BUG阻碍用户使用，因此有在不发布新版本APP的情况下使用热更新技术立即修复BUG需求。原生APP（例如：Android & IOS）的热更新需求已经比较成熟，但Flutter技术栈目前还缺少类似的技术方案，因此Flutter研发团队，...[2023/5/26]

在Flutter中，我们有各种插件可供使用，从而实现音频和视频的播放功能。 例如，可以使用“text_to_speech”插件来将文字转换为语音，使用内置的“video_player”插件轻松地实现视频播放，或者使用“audioplayers”插件实现音频播放。 对于仅需要简单播放器功能的情...[2023/5/8]

目录简介自定义跳转使用flutter动画基础实现一个自定义的route总结 简介 flutter中有默认的Route组件，叫做MaterialPageRoute，一般情况下我们在flutter中进行跳转的话，只需要向Navigator中传入一个MaterialPageRoute就可以了。 但...[2023/4/21]

目录前言主题管理颜色配置字体配置按钮样式导航和路由初始路由命名路由动态路由未知路由本地化支持全局配置Builder 属性结论 前言 在开发 Flutter 应用程序时，我们需要有一个组件来管理全局设置，包括主题、导航和路由。这就是 MaterialApp 的用途。作为 Material De...[2023/3/22]

目录正文创建基本的进度条设置进度条的外观自定义进度条的外观总结 正文 LinearProgre Indicator 是 Flutter 中用于创建线性进度指示器的 widget。它可以方便地显示任务的进度，帮助用户了解任务的完成情况。在本文中，我们将介绍如何使用 LinearProgre I...[2023/3/22]

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

目录chat_bottom.dartchat_element_other.dart chat_element_self.dart  chat_input_box.dart page_chat_person.dartprovider_chat_content.d...[2023/3/3]

作者 / Google 开发者框架和语言 (含 Flutter、Dart 和 Go) 产品经理 & 用户体验总监 Tim Sneath 我们很高兴可以在 Flutter Forward 活动 上分享我们对 Flutter 的愿景。Flutter Forward 是在肯尼亚内罗毕以线...[2023/2/24]

目录简介flutter中的NavigatorNavigator的使用总结 简介 一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用Navigat...[2023/2/20]

目录背景工具准备配置Flutter代理方式一、http请求库配置代理web_socket_channel配置代理方式二、重写原生方法 背景 在开发Flutter中，我们经常需要对网络请求进行调试，而Flutter自带的devtool的network又不太好用，有时会出现请求成功，但是又看不到...[2023/2/15]

目录ChatGPT1. ChatGPT 的特点和劣势3. 解决方案的概念4. Dart 数据类生成器完善5. 代码生成字符串 与 ChatGPT 生成字符串 ChatGPT ChatGPT 作为一个自然语言处理工具，已经火了一段时间。对待 ChatGPT 不同人有着...[2023/2/10]

目录正文通过child属性将水印叠加给子组件createWatermark方法Watermark组件的完整代码 正文 项目开发的过程中，经常会遇到添加水印的需求，其作用无非就是防止重要信息通过截图外传。（虽然我觉得并没有什么卵用，但领导的需求是不容质疑的） 那么，作为一线码农的我，...[2023/2/1]

Flutter简述 Flutter是一个UI框架， 可以进行移动端（iOS， Android），Web端， 桌面端开发，它是一个跨平台解决方案。 Flutter的特点：美观，快速，高效，开放。 美观：Flutter内置了美丽的Material Design和 Cupertino widget, 方...[2023/1/28]

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

目录缘起通信方式APP 中 JS & dart callFlutter web 中 JS & dart calldart 调用 jsjs 调用 dartsummary 缘起 公司医疗业务人手比较少【小而美】的团队~ 较少采用的前端技术架构是： toC：小程序 toB2C: F...[2023/1/28]

如果觉得文章对你有帮助，点赞、收藏、关注、评论，一键四连支持，你的支持就是我创作最大的动力。 ?? 本文原创听蝉 公众号：码里特别有禅 欢迎关注原创技术文章第一时间推送  ?? 前言 没错，继Flutter 异常监控 | 框架 Catcher 原理分析 之后，带着那颗骚动的好奇...[2023/1/6]

目录简介SliverAppBar详解SliverAppBar的使用总结 简介 对于一个APP来说，肯定会有一个AppBar，这个AppBar一般包含了APP的导航信息等。虽然我们可以用一个固定的组件来做为AppBar，但是这样就会丢失很多特效，比如将AppBar固定在顶部，AppBar可以在...[2022/12/12]

目录前言如何使用精灵图自定义实现加载Flame加载精灵图 前言 在日常开发中遇到的图片展示一般是静态图和Gif图两种形式（静态和动态的不同）。与此同时当需要对图片做效果时让其动起来，常用方案是Gif图播放或者是帧动画（多种静态图轮询播放）。但在游戏开发中还有一种动图表现形式叫做Sprite图(雪...[2022/8/31]

目录1. 接口存在的意义？2. 继承 VS 实现3. Dart 中接口与实现的特殊性4.Dart 中抽象类作为接口的小细节 1. 接口存在的意义？ 在 Dart 中 接口 定义并没有对应的关键字。可能有些人觉得 Dart 中弱化了 接口 的概念，其实不然。我们一般对接口的理解是：接口是更高级别的...[2022/8/16]

目录前言1.Statele 组件2.Stateful 组件3. 控制流语句4. 生命周期5. 装饰/样式总结 前言 Comopse 与 React、Flutter、SwiftUI 同属声明式 UI 框架，有着相同的设计理念和相似的实现原理，但是 Compose 的 API 设计要更加简洁。 ...[2022/8/3]

目录安卓部分手动注册Android和Dart的通讯安卓录音Dart module部分iOS部分手动注册插件iOS插件Dart调用部分 原生提供功能，Dart module 通过 method channel 异步调用 安卓部分 手动注册 Flutter 官方的做法，就是自动注册插件， ...[2022/8/1]

目录1、构造方法传递2、InheritedWidget3、Notification4、Stream & event_bus 在Flutter中，常见的数据传递一共有以下几种： 1、构造方法传递 Flutter的构造方法具备着dart语言的特点，参数具备可选状态，通过构造方法传递数据，...[2022/6/27]

目录1. 监听app进入前后台状态 示例代码：2.其它状态监听 在开发app的过程中，我们经常需要根据app的前后台的状态，做一些事情，那么我们在flutter中是如何实现这一监听的？ flutter给我们提供了WidgetsBindingObserver来进行一些状态的判断，但是判断前后台的状...[2022/4/18]

目录使用 platform_device_id应用预览代码使用 device_info_plus应用预览代码结论 本文将引导您完成 2 个示例，演示如何在 Flutter 中获取设备标识符 使用 platform_device_id 如果您只需要运行应用程序的设备的 id，最简单快捷的解决方...[2022/4/11]

目录前言SlideTransition 介绍示例效果实现总结 前言 我们开始来介绍转换类的动画组件，实际上这类转换动画组件也可以自己通过 AnimatedBuilder 或 AnimatedWidget 完成， Flutter 为了简化开发，提供了不少转换...[2022/4/7]

目录使用异步包(推荐)完整示例使用 timeout() 方法快速示例将Future转换为流快速示例结论 使用异步包(推荐) async包由 Dart 编程语言的作者开发和发布。它提供了dart:async风格的实用程序来增强异步计算。可以帮助我们取消Future的是CancelableOpera...[2022/4/7]

目录一、进入高德地图开放平台申请Key二、yaml文件集成插件 目前地图开放平台三大巨头：高德、百度、腾讯基本都支持Flutter插件开发集成。从这里也能看出Flutter的生态在逐渐的完善。下面介绍下在Flutter项目集成高德地图的一些步骤和个人踩得一些坑。 一、进入高德地图开放平台申请Ke...[2022/4/7]

目录创建一个新的视频播放器添加播放和暂停按钮创建一个快进添加一个视频进度指示器应用视频的字幕结论 您已经看到很多包含视频内容的应用程序，比如带有视频教程的食谱应用程序、电影应用程序和体育相关的应用程序。您是否想知道如何将视频内容添加到您的下一个Flutter应用程序中？ 从头开始实现视频功能将是...[2022/2/28]

目录功能需求需求调研需求实现源码解读功能复刻最终效果 功能需求 最近需求开发中遇到一个Flutter开发问题，为了优化用户输入体验。产品同学希望能够在输入框支持在移动光标过程中可以出现放大镜功能。原先以为是一个小需求，因为原生系统上iOS和安卓印象中是自带这个功能的。在实施开发时才发现原来并不是...[2022/2/28]

目录添加依赖项如何使用功能属性主题预览图代码Flutter web问题：Failed to load network image我的解决办法参考资料 ConvexBottomBar是一个底部导航栏组件，用于展现凸起的TAB效果，支持多种内置样式与动画交互。你可以在https: appbar.code...[2022/1/17]

目录Flutter 中获取地理位置先决条件使用 Flutter 定位包设置位置权限获取当前位置使用 Flutter 地理编码包设置获取地址常见的陷阱结论 Flutter 中获取地理位置 如今，发现用户位置是移动应用程序非常常见且功能强大的用例。如果您曾经尝试过在 Android 中实现位置，您就...[2021/11/29]

目录前言图片控件 图片解析 缓存管理 ​新增缓存 缓存清理 图片加载 滑动中处理 总结 前言 今天来学习一下 Flutter 自身是如何加载图片和管理图片的。 Flutter 提供了一个图片控件 Image，Image 定义了若干中加载图片的方式，包括 Image.a et、I...[2021/11/9]

目录基本使用1，配置权限动态权限申请4.3.05.0.0 众所周知，Android在6.0版本后将权限修改成了动态权限，而iOS则一直使用的是动态权限，所以在Flutter应用开发中如果涉及到一些危险权限，就需要进行动态申请，动态申请权限可以使用Flutter的permi ion_handler。 ...[2021/9/27]

目录下拉刷新 RefreshIndicator 上拉加载更多 总结: 下拉刷新 在Flutter中系统已经为我们提供了google material design的刷新功能 , 样式与原生Android一样. 我们可以使用RefreshIndicator组件来实现Flutter中的下拉刷...[2021/8/5]

目录1、普通用法 2、修改悬浮按钮位置 3、修改悬浮按钮大小 4、去除悬浮按钮切换动画 5、一般的自定义悬浮按钮样式 6、彻底的自定义悬浮按钮样式 1、普通用法 floatingActionButton: FloatingActionButton( child: Icon...[2021/7/12]

本文实例为大家分享了flutter实现appbar下选项卡切换的具体代码，供大家参考，具体内容如下 TabBar 、Tab、TabBarView 结合实现 这里实现的是appbar下的选项卡 import ''package:flutter/material.dart''...[2021/7/12]

什么是Flutter Flutter 是谷歌推出的开发移动UI框架，可以快速的在IOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作，并且Flutter是完全免费的，开源的。 总结来说： Flutter是一款移动应用程序SDK，包含框架、widg...[2021/4/19]

Flutter并没有开创新的概念，它背后的框架原理和底层设计思想，与原生Android/iOS开发并没有本质区别，甚至从React、Native中吸收了不少优秀的设计理念。 Flutter是Google推出的全新跨平台移动开发框架。因为出色的性能、高效的开发方式等原因，Flutter极有可能成...[2021/4/12]

上一次有一位非常好学的粉丝儿问可不可以把月亮做一个呼吸灯效果，因为没有找到月亮大小的图，就用星星代替 今天，本博主用纯c 和flutter动画分别实现它，记得收藏学习哦 效果： 想要测试的，原图在文章末尾 实现原理： 准备两张图，让两张图交替出现。 纯c 实现，代码如下： ...[2021/3/1]

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。 本文重点给大家介绍Flutter TabLayout 布局...[2019/7/22]

先上图 下拉刷新 跟原生开发一样，下拉刷新在flutter里提供的有组件实现 RefreshIndicator 一直不明白为啥组件中都提供下拉刷新，但就是没有上拉加载！！ 我这请求接口数据用的是 http 库，是个第三方的是需要安装的 https: pub.dev/packa...[2019/7/22]

前言 使用Flutter开发一款App是一件非常愉快的事情，其出色的性能、跨多端以及数量众多的原生组件都是我们选择Flutter的理由！今天我们就来使用Flutter开发一款电影类的App，先看下App的截图。 从main.dart开始 在Flutter里main.dar...[2019/7/22]