一统天下 底部snackbar flutter
奈何本人没文化，后台管理走天下（二） 通用需求的开发思路
这一章分享些基础的东西，主要谈论一些常规需求的开发思路 layout 构建 什么是 layout，就是进入中后台系统内部后，根据页面结构划分出的布局组件，也就是页面的骨架。 构建一个优秀的 layout 组件对用户的体验尤为重要，对大部分维护中后台项目的开发人员来说，每次分配到的任务几乎只活动在内容 ......
奈何本人没文化，后台管理走天下（三）管理系统的灵魂
这一章讨论下中后台管理系统的核心，管理系统的灵魂是什么？ 是权限吗？ 是，但不完全是 我认为管理系统的灵魂是基于权限的各种资源的正确显示与合理交互，做到这点，权限之上的管理业务才能落地生产。 计算机科学中常见的权限控制模式有两种， Role-based access control 跟 Access ......
『Flutter』开发环境搭建
1.前言 大家好，我是 BNTang，今天给大家介绍一下 Flutter 的开发环境搭建。在之前我已经将 Dart 的基本语法给大家介绍了，所以今天就不再介绍 Dart 的基本语法了，直接进入 Flutter 的开发环境搭建。 2.安装 Java SDK Java SDK 下载地址：https:// ......
『Flutter』开篇
什么是 Flutter Flutter 是由 Google 开发的开源框架 Flutter 用于构建跨平台的移动应用程序 Flutter 它允许开发者使用同一套代码来同时为 IOS 和 Android 平台开发应用程序 Flutter 使用 Dart 语言开发，特点是拥有高性能的渲染引擎和丰富的组件 ......
页面结构据不同屏幕手机大小进行自适应+底部标签
微信小程序请简单创建一个页面结构，要求页面结构根据不同屏幕手机大小进行自适应。 <!--pages/test/test.wxml--> <view class="tab"> 顶部区域 </view> <view class="content"> 内容区域 </view> <view class="p ......
flutter ios swift avplayer 播放器自动播放下一集
使用监听监听结束事件 import Foundation import AVKit import MediaPlayer import Flutter class FlutterAVPlayerView: NSObject, FlutterPlatformView { private var _fl ......
ACTF flutter逆向学习
参考了许多大佬的博客，在此特别诚挚感谢oacia大佬和其他大佬的博客和指导！ 1.flutter和apk基础结构介绍 首先下载附件，是一个apk文件，用jadx打开 可以看见flutter字样，而flutter是一种目前比较流行的android框架，很多app都是用的该框架构建，而该原生框架是建立在 ......
flutter IOS 原生交互同一个插件多个方法调用
由于代码比价简单直接上代码 ios/Runner/AppDelegate.swift import UIKit import Flutter @UIApplicationMain @objc class AppDelegate: FlutterAppDelegate { override func ......
实现div元素滚动条默认滚动到最底部（或最顶部）
实现div元素滚动条默认滚动到最底端 使用场景：聊天信息框 需要了解几个属性和方法： scrollHeight：元素高度 （包含滚动条隐藏部分） clientHeight：元素可视高度 （不包含滚动条隐藏部分） scrollTo(x, y)：元素设置滚动位置方法 const box = docume ......
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 ......
html/css让底部在页面最下面
html { position: relative; min-height: 100%;}body { <!-- 你底部div的高度 --> margin-bottom: 100px;}footer { position: absolute; bottom: 0; width: 100%; <!-- ......
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 { ......