Flutter
flutter 添加原生IOS 播放器
定义播放器 FlutterAVPlayer.swift import Foundation import AVKit import MediaPlayer import Flutter class FlutterAVPlayer: NSObject, FlutterPlatformView { pr ......
Flutter常见库使用
1、网络库 dio dio: ^5.4.0 import 'package:dio/dio.dart'; final dio = Dio(); void getHttp() async { final response = await dio.get('https://dart.dev'); pri ......
idea flutter dart 代码不跳转 analyze 不起作用
查看本地dart where dart /opt/homebrew/bin/dart /Users/jimogangdan/soft/flutter/bin/dart 两个版本不一样 /opt/homebrew/bin/dart --version Dart SDK version: 3.1.3 ( ......
flutter常用的设计模式
单例模式（Singleton Pattern）： 确保一个类只有一个实例，并提供一个全局访问点。 工厂模式（Factory Pattern）： 定义一个创建对象的接口，但将具体的实例化过程交给子类来完成。 抽象工厂模式（Abstract Factory Pattern）： 提供一个创建一系列相关或相 ......
Flutter 中常用的缓存数据方式
SharedPreferences: 优点：使用简单，轻量级，适用于少量数据的缓存；缺点：不适合存储大型、结构化、复杂的数据； SQLite: 优点：可以存储大量、结构化、复杂的数据，支持复杂的数据查询操作；缺点：比较复杂，需要学习 SQL 和数据库操作； Hive: 优点：快速、可扩展，性能较好， ......
Flutter 创建一个交错效果的侧边栏菜单
一、创建一个没有动画效果的菜单 import 'package:flutter/material.dart'; class Menu extends StatefulWidget { const Menu({super.key}); @override State<Menu> createState ......
Flutter 页面专场动画
在不同路由（或界面）之间进行切换的时候，许多设计语言，例如 Material 设计，都定义了一些标准行为。但有时自定义路由会让 app 看上去更加的独特。为了更好的完成这一点，PageRouteBuilder 提供了一个 Animation 对象。这个 Animation 能够通过结合 Tween ......
Flutter hero动画
在 Flutter 中，图像从当前页面转到另一个页面称为 hero 动画，相同的动作有时也被称为 共享元素过渡。 hero 动画基本结构 在不同页面分别使用两个 hero widgets，同时使用配对的标签来实现动画 Navigator 管理含有 app 页面的堆栈。 推送一个页面或弹出一个 Nav ......
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 ......
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 ......