一统天下 键盘flutter天下
27、flutter Dialog 弹窗
AlertDialog //放在State<>之下 void _alertDialog() async { var result = await showDialog( barrierDismissible: true, //表示点击灰色背景的时候是否消失弹出框 context: context, ......
Flutter Icons交错动画
import 'package:flutter/material.dart'; class AnimateIcons extends StatelessWidget { const AnimateIcons({super.key}); @override Widget build(BuildCont ......
26、Flutter中命名路由
Flutter 中的命名路由 main.dart中配置路由 void main() { runApp(MaterialApp( theme: ThemeData( appBarTheme: const AppBarTheme( color: Colors.blue, // 设置导航栏颜色 （新版本的 ......
flutter中背景图片（动态图片）
单页面设置背景图片 使用 Container 组件和 decoration 属性： 优点：简单易用，适用于大多数情况下的页面背景设置。 缺点：无法控制背景图片的位置和层级。 class MyBook extends StatelessWidget { const MyBook({super.key} ......
flutter 桌面通知 气泡消息数量
先上效果 原理 Android 操作系统提供的 NotificationManager 接口来设置应用程序图标上的徽章 iOS 操作系统提供的 UIApplication.shared.applicationIconBadgeNumber 使用flutter flutter pub add flut ......
Flutter 显式动画
创建 AnimationController 的同时，也赋予了一个 vsync 参数。 vsync 的存在防止后台动画消耗不必要的资源。您可以通过添加 SingleTickerProviderStateMixin 到类定义，将有状态的对象用作 vsync 因为addListener() 函数调用 s ......
Flutter子工程编译，Ruby升级及Cocoapods安装问题集
背景：工程为iOS原生与Flutter混合开发的工程，在编译Flutter子工程的过程中报了一个错，一度让我以为是ruby与pod的版本不兼容导致了一些奇奇怪怪的问题，随即来回折腾了Ruby环境升级与pod的升级安装。 问题1：flutter子工程执行了flutter pub get，执行flutt ......
Flutter 隐式动画
通过几行代码就可以实现隐式动画，由于隐式动画背后的实现原理和繁琐的操作细节都被隐去了，所以叫隐式动画，FLutter中提供的 [AnimatedContainer]、[AnimatedPadding]、[AnimatedPositioned.AnimatedOpacity]、[AnimatedDef ......
Dio和http库是Flutter中两种常用的网络请求库
Dio Dio 的优点： 强大的功能：Dio提供了丰富的功能，支持拦截器、文件下载和上传、超时设置等高级特性，满足了大多数网络请求的需求。 支持并发请求：Dio具有良好的并发性能，可以同时处理多个网络请求，并提供了便捷的取消请求功能。 高度可定制性：Dio提供了许多配置选项和扩展点，你可以根据自己的 ......
flutter常用的音乐播放器库
audioplayers： 优势：audioplayers 是一个简单易用的音乐播放器库，支持主流平台（Android、iOS）并提供了丰富的功能，比如播放、暂停、快进、音量控制等。 缺点：audioplayers 的定位相对较低级，可能需要自行处理一些高级功能（如音效处理、音频分析等）。此外，由于 ......
Flutter中，插件（Plugin）和包（Package）
Package 1. 包是一种为Flutter应用程序提供可复用功能的库或模块,就是其他人用dart 写好的代码。 2. 要使用包，你只需在Flutter项目的pubspec.yaml文件中添加对包的依赖声明，然后运行flutter pub get命令来获取包的代码和依赖项。 Plugin * 插件 ......
Flutter AnimatedList 实现动态列表
import 'dart:async'; import 'package:flutter/material.dart'; final GlobalKey _globalKey = GlobalKey(); class MyAnimatedList extends StatelessWidget { ......
Flutter 编译是pod intsall github 资源下载失败
在fluterr 编译报错 然后显示 github.xxxxx 访问超时 处理办法 pod install 主要是读取 profile 文件 platform :ios, '9.0' target 'YourAppName' do use_frameworks! # 这是安装依赖位置 pod 'So ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
ICEE-Keyboard- 键盘工作原理：扫描GPIO:{X行,Y列}感应点矩阵在按键触发点感应电路{x,y}通过MCU映射到按键字符
ICEE-Keyboard-键盘工作原理： 周期性扫描电路感应点矩阵： 电路感应点矩阵有总共X行与总共Y列的电路感应{电容式，电阻式，开关式}点， 例如总共12行, 总共12列; 则总共有144个键位点; 电路感应点矩阵的每一行或每一列都有一条电路线直连MCU的一个GPIO；例如总共12行, 总共1 ......
iOS项目中加入flutter
新建一个iOS项目Test 在iOS同级目录下建一个flutter module flutter create --template module my_flutter podfile编写如下 # Uncomment the next line to define a global platform ......
Flutter 使用PageView 自定义无限轮播
import 'package:flutter/material.dart'; int _getRealIndex(int index, int length) { return index >= length ? index % length : index; } class InfinitySl ......
Flutter video_player播放视频
1、pubspec.yaml文件引入插件 dependencies: ... video_player: ^2.8.1 2、页面使用（这里我是宽度百分百，高度自适应了） late VideoPlayerController _controller; Container( width: MediaQu ......
【Dotnet 工具箱】推荐一个 Flutter 和 .NET 开源的实时聊天 APP
1. 推荐一个 Flutter 和 .NET 开源的实时聊天 APP Heyy-chat-app Heyy-chat-app 是一个开源的聊天应用，使用 Flutter、Asp.Net Core Web Api、SignalR、WebRTC 等技术构建的。 Flutter 作为用户客户端。 Asp. ......
Flutter 用PageView实现轮播
import 'package:flutter/material.dart'; class PageSwiper extends StatefulWidget { const PageSwiper({super.key}); @override State<PageSwiper> createSta ......
flutter杂知识点
child和children用于在一个容器小部件（如Container、Column、Row等）中放置一个或多个子小部件 1.child属性用于容器只包含一个子小部件的情况； 2.children属性用于容器包含多个子小部件的情况。 Center小部件（居中、定位、多个方向上居中） Center小部 ......
flutter去除隐藏标题栏
使用 SystemChrome 类来控制系统 UI 元素的显示和隐藏 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(MyApp()); } cl ......
flutter中去除导航栏与状态栏
方法一 SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom]); //隐藏状态栏 上方黑边 SystemChrome.setEnabledSystemUIMode(Sys ......
Flutter Dialog Toast 弹窗
AlertDialog showDialog( barrierDismissible, //点击遮罩背景是否关闭弹窗 context: context, builder: (context) { return AlertDialog( title: const Text('Alert弹窗'), co ......
flutter中显示年月日、星期与时间
代码 import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'dart:async'; import 'package:intl/date_symbol_data_local.dart'; // ......
flutter屏幕适配方案
使用MediaQuery和比例因子 优点：使用简单，可以处理大多数情况下的屏幕适配需求。 缺点：需要手动计算比例因子，并且随着UI元素变得更加复杂和层次化（例如多层次列表或动画效果），使用此方法可能会变得更加困难。 import 'package:flutter/material.dart'; cl ......
Flutter 路由跳转
//普通跳转 Navigator.pushNamed(context, '/search'); //返回上一页 Navigator.of(context).pop(); // 替换路由（重定向） Navigator.of(context).pushReplacementNamed('/categor ......
Flutter 命名路由与传参
路由配置 router/router.dart import 'package:flutter/material.dart'; import '../pages/home.dart'; import '../pages/search.dart'; import '../pages/category. ......
记录罗技键盘从win切换mac的经历
罗技蓝牙键盘ALT和WIN键(OPT和CMD键)如何对调今天一直正常使用的罗技K380蓝牙键盘,不知道怎么抽风了,opt键和cmd键位置对调了,也就是windows环境下alt键和win键对调了. 在使用复制粘贴快捷键的时候,特别不方便,而且极易出错,后来找了下方法,其实很简单,就是罗技的蓝牙键盘支 ......