showmodalbottomsheet底部 高度flutter
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 ......
CSS设置div高度自动全屏
对body和html都设置高度100% html,body { height: 100%; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } 然后再对div设置100% #app { height: 100%; ......
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. ......
端侧显著性检测新高度，OPPO提出面向真实场景的PSUNet
前言 在高分辨率场景下，现有的显著目标检测方法难以同时满足快速推理和准确结果的要求。它们受到用于高分辨率图像的公共数据集和高效网络模块的质量的限制。为了缓解这些问题，本文构建一个显著对象匹配数据集HRSON和一个轻量级网络PSUNet。考虑到移动部署框架的高效推理，设计了对称像素置乱模块和轻量级模块 ......
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 ......
RecyclerView组件强化——设置rv最大高度，显示滑动条，跳到最后子view
意义：RecyclerView基础就LinearLayout排列子view。需要扩展它的最大高度，滑动条，跳到最后子view等 1.设置最大高度： recycvlerView设置最大高度需求在：选取不同数据后需要一个Rv来展示所选数据。但布局的高度是有限的，导致rv不能设置自适应来无限增高 int ......