一统天下 底部snackbar flutter
Flutter 编译是pod intsall github 资源下载失败
在fluterr 编译报错 然后显示 github.xxxxx 访问超时 处理办法 pod install 主要是读取 profile 文件 platform :ios, '9.0' target 'YourAppName' do use_frameworks! # 这是安装依赖位置 pod 'So ......
element-ui中的el-table底部固定指定行
1，固定一行合计的情况 https://element.eleme.cn/#/zh-CN/component/table 直接使用官方文档上的summary-method 2，固定指定行或者多行 使用样式去固定 例子：(计算列表数据的平均值，最大值，最小值并固定底部) 1，计算数据的值 protec ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
C++ Qt开发：StatusBar底部状态栏组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStatusBar`底部状态栏组件的常用方法及灵活运用。`QStatusBar` 是 Qt 中用于在主窗口底部... ......
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. ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
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. ......
flutter better_player 增加投屏按钮
better_player 播放器默认不可以修改UI 需要增加投屏按钮 则需要自定义UI 但是自定义UI 需要布局 有需要定义手势动作 还需要监听播放事件 有没可能服用原来的一切 仅仅增加一个投屏按钮呢？ 答案是肯定的 第一步设置主题 默认安卓和IOS 我们设置自定义 BetterPlayerCon ......
25、Flutter中基本路由
Flutter 路由介绍 Flutter中的路由通俗的讲就是页面跳转。在Flutter中通过Navigator组件管理路由导航。 并提供了管理堆栈的方法。如：Navigator.push和Navigator.pop Flutter中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由 Fl ......
23、Flutter AppBar TabBar TabBarView
AppBar自定义顶部按钮图标、颜色 class MyHomePage extends StatelessWidget { const MyHomePage({super.key}); @override Widget build(BuildContext context) { return Sca ......
flutter 降低到指版本
由于很多库 跟不上 flutter 因此需要降低版本 查看当前 flutter --verison 降低到上一版本 flutter downgrade 降低到指定版本 // 找到指定的版本 where flutter which flutter // 进入安装位置 cd ~/flutter/ // ......
flchart库判断当前点击的底部title的index
使用flchart库，版本0.35，在点击柱状图时，当柱状图的高度为0，默认选中热区很小，很难点击选中对应区域，如图一 9和10的柱状图高度为0。 查了源码，貌似没有单独针对底部title设置点击事件的回调。 实际上点击底部title,barTouchData 内的touchCallback是有回调 ......
Flutter 自带的搜索组件
效果如下 官方需要重写四个关键方法 class searchBarDelegate extends SearchDelegate<String> { /*这个方法返回一个控件列表，显示为搜索框右边的图标按钮，这里设置为一个清除按钮,并且在搜索内容为空的时候显示建议搜索内容，使用的是showSugge ......
新增数据后自动滚动到表格底部
<table> <thead> <tr> <th></th> </tr> </thead> <tbody :ref="indexInfo.index_id" :id="indexInfo.index_id"> <tr> <td></td> </tr> </tbody> </table> 有上述一个h ......
Mac 安装 Flutter
1、进入终端下载flutter cd ~/Applications/git clone -b master https://github.com/flutter/flutter.git 2、配置Flutter的环境变量 编辑 .zshrc文件添加环境变量 export PATH=$PATH:/App ......
flutter iOS 使用BasicMessageChannel 通信
flutter代码 // main.dart import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(const MyApp()); } class My ......
【flutter对抗】blutter使用+ACTF习题
Flutter是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。 ......
真机调试 Flutter 报错：Lookup failed: title in @getters in MyHomePage in package:flutter_demo02/main.dart
发生缘由 学习 Flutter 更改 lib 目录下面的 main.dart 文件之后真机调试运行 flutter run 报错： 1 # 小组件库异常 2 ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞══════════════════════════════ ......
小程序开发实战案例之三 | 小程序底部导航栏如何设置
小程序中最常见的功能就是底部导航栏了，今天就来看一下怎么设置一个好看的导航栏～这里我们使用的是支付宝官方小程序 IDE 做示范。 ......