Flutter--常用技术文档

配置

清华大学flutter镜像 export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub

export FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter

社区镜象 export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

混合开发 问题 解决

iOS、Flutter混合开发 ➜ NaviteMixinFlutterDemo-master pod install

[!] Invalid Podfile file: cannot load such file -- ./flutter_module/.ios/Flutter/podhelper.rb. iOS 接入 Flutter 报错：Invalid Podfile file: cannot load such file -- .../flutter_module/.ios/Flutter/podhelper.rb. https://www.cnblogs.com/lukunlun/p/13180952.html

异常文档 自我使用评价

场景	状态

20231220 flutter iOS插件未自动注册；vibrate库，在安卓端自动注册，在iOS端未自动注册 处理方案：手动在GeneratedPluginRegistrant中注册

文档：

Plugin插件关于GeneratedPluginRegistrant registerWith方法 https://www.jianshu.com/p/a77a4e2f0b26

20231219 flutter 调用震动 Android 点击震动 android10 触摸震动 调整

https://blog.51cto.com/u_16099325/6427970

安卓触觉用户体验设计https://source.android.google.cn/devices/input/haptics/haptics-ux-design?hl=en

Android - Vibrator及VibrationEffect类详解https://blog.csdn.net/sunny2come/article/details/102549757

在上述代码中，amplitude参数控制了震动的强度。请注意，不是所有的安卓设备都可以自定义振动强度。在某些情况下，可能需要使用第三方库来实现更精细的震动控制。对于iOS中的UIImpactFeedbackStyleHeavy，它在Android中没有直接的对应，但可以通过调整震动时长和震动幅度来模拟类似的效果。

Android端和iOS端手机震动功能的实现https://codeleading.com/article/21171579976/

【Flutter 小知识】震动反馈 HapticFeedback https://juejin.cn/post/7100733430383673381

关于Flutter：震动反馈 HapticFeedbackhttps://blog.csdn.net/m0_64420071/article/details/124933339

fluttr插件 https://pub.dev/packages/vibration/versions/1.7.7

20231212 flutter MediaQuery Flutter 小技巧之 MediaQuery 和 build 优化你不知道的秘密 https://juejin.cn/post/7114098725600903175

20231208 flutter 性能优化

淘特 Flutter 流畅度优化实践 https://juejin.cn/post/7046305749097512997?searchId=20231208135158B8444F27F65E3480C6F1

Flutter 小技巧之 3.7 性能优化 background isolate https://juejin.cn/post/7195825738472620087?searchId=20231208135158B8444F27F65E3480C6F1

20231207 flutter oppo bottomSheet 被屏幕边缘左右滑手势关闭 Flutter多控件滑动事件联动（滑动冲突处理）https://zhuanlan.zhihu.com/p/352169856

屏蔽手势导航左右滑动返回手势的实现方法及源代码 https://blog.csdn.net/PixelLancer/article/details/132244621

Flutter：在iOS和Android中禁用滑动以返回导航 https://www.saoniuhuo.com/question/detail-2722538.html

Android应用中禁用手势导航左右滑动返回手势 https://blog.csdn.net/2301_79366332/article/details/132369733

flutter oppo bottomSheet 被屏幕边缘左右滑手势关闭 https://jingyan.baidu.com/article/4e5b3e1917e3ddd0901e24c6.html 原因：手机开启了全面屏手势，双侧导航手势滑动，触发返回；

处理方案：禁用安卓手机返回

20231204 flutter 内存泄漏 Flutter内存泄漏检测 https://baijiahao.baidu.com/s?id=1730163614794997671\&wfr=spider\&for=pc

20231130 flutter DraggableScrollableSheet 和 NestedScrollView 嵌套使用,导致DraggableScrollableSheet无法向上拖动 解决方案：使用同一个scrollController

https://cloud.tencent.com/developer/ask/sof/1440359?from=16139 附加到多个滚动视图的ScrollController。颤动

Flutter两个ListView同步滚动。https://blog.csdn.net/C201008/article/details/130264498

Flutter（84）：Draggable组件之DraggableScrollableSheet、DraggableScrollableNotification https://www.jianshu.com/p/368760d1a778

20231123 拖动页面内组件效果 解决Flutter showDialog/showModalBottomSheet时高度限制问题 https://www.jianshu.com/p/1dac48d272af

Draggable组件之DraggableScrollableSheet、DraggableScrollableNotification https://www.jianshu.com/p/368760d1a778

20231121 flutter PageView/TabBarView等控件保存状态的问题解决方案

20231121 Flutter 去除 Android 端滚动视图到顶、底的波纹效果 Flutter 去除 Android 端滚动视图到顶、底的波纹效果 https://www.jianshu.com/p/3d5662ff6330

20231120 flutter 实现的带背景图片指示器，且动态方法缩小tab的标签切换效果 Flutter：TabController简单协调TabBar与TabView https://blog.csdn.net/weixin_34283445/article/details/91365631

利用Flutter 实现任意tab切换效果 https://www.jianshu.com/p/4fac5a641a67

Flutter TabBar切换文字抖动动画解决方案（替换动画）https://www.jianshu.com/p/5ea18cca134a

5. flutter TabBar改变tab大小 https://www.cnblogs.com/lude1994/p/13940427.html

4.Flutter速来系列23-4、TabBarView，嵌套，圆角指示器，结合Pageview以及最佳实践 https://juejin.cn/post/7256715451145191481

1. extended_tabs 4.1.0 https://pub.dev/packages/extended_tabs https://github.com/fluttercandies/extended_tabs/blob/master/README-ZH.md

2.tab_indicator_styler 2.0.0 https://pub.dev/packages/tab_indicator_styler

3.buttons_tabbar: ^1.3.8 https://pub.dev/packages/buttons_tabbar

flutter 监听键盘弹起和完全退出 Flutter 计算键盘高度以及打开关闭监听https://www.jianshu.com/p/478ac9148dc7

Flutter监听软键盘的弹出和关闭,获取键盘高度 https://www.jianshu.com/p/567793607129

flutter 嵌套listview滚动

20231110 路由 大前端开发中的路由管理之五：Flutter篇 https://cloud.tencent.com/developer/article/1902681

flutter 路由及Overlay https://www.jianshu.com/p/e966532312ed

Flutter 路由原理解析 https://juejin.cn/post/6844903798398255111

20231110 全局弹窗 Flutter 写全局弹框的心路历程（dialog和overlay）https://www.codenong.com/j5e7a2a2ee51d4526cb1/

20231107 flutter 超出部分无法响应事件 flutter OverflowBox超出部分无法响应事件 https://www.coder.work/article/274789

stackOverflow:https://stackoverflow.com/questions/52135387/overflowbox-the-overflowed-part-cannot-respond-to-the-button

ompositedTransformFollower 和 CompositedTransformTarget https://www.cnblogs.com/ilgnefz/p/16944130.html

https://juejin.cn/post/6946416845537116190

20231101 flutter实现中文文本的垂直居中

Flutter 疑难杂症系列：实现中文文本的垂直居中 https://juejin.cn/post/6992768707206316040?searchId=2023103118364428B4485AB82F5CC3C7B5

20231031 flutter stream请求返回json太大被截断失败 json请求参数过长被截断导致解析失败 https://blog.csdn.net/qq_39387856/article/details/122195149

20231020 枚举 在 flutter 中使用枚举的技巧https://www.jianshu.com/p/eddadbbfb9d3

20231011 要求bottomSheet中组件不随键盘弹起而resize flutter 底部弹窗showModalBottomSheet 超过9/16高度 键盘弹出不影响弹窗布局https://blog.csdn.net/SCDNBB/article/details/123634856

20230912 Flutter 中不得不会的 mixin Flutter 中不得不会的 mixin https://blog.csdn.net/mengks1987/article/details/113957080

20230905

升级到fluter3.13.2 后 select Widget mode 失去了选择widget跳转到对应代码效果 1205 尚未修复； https://github.com/flutter/flutter-intellij/issues/6923

github issue，不是flutter问题，而是开发工具问题；https://github.com/flutter/flutter/issues/133756； Android Studio 8月2号发布；

20230825 flutter 列表滚动到textfield光标所在位置 1.flutter 列表滚动到textfield光标所在位置

return MouseRegion(

cursor: effectiveMouseCursor,

20230818 字体设置：全局和局部 Flutter全局与局部字体（全App、全页面、单控件的设置方法）https://blog.csdn.net/luozaifei1997/article/details/105042276?spm=1001.2101.3001.6650.1\&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-1-105042276-blog-123688179.235^v38^pc_relevant_anti_t3_base\&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-1-105042276-blog-123688179.235^v38^pc_relevant_anti_t3_base\&utm_relevant_index=2

20230802 flutter GestureDetector的onPanDown导致listview 上下滑动偶发无效

20230728 pub --国内国外Dart Flutter初探--常用依赖包https://www.jianshu.com/p/f39453649463/ 有时国内外版本不一致；Dart依赖包官网

国外地址： https://pub.dev

国内镜像： https://pub.flutter-io.cn

20230726 Flutter 中 Flexible、Expanded、Spacer Flutter 中 Flexible、Expanded、Spacer 的使用技巧详解 _ Flutter Widgets https://blog.csdn.net/m0_66684871/article/details/123241858

20230726 characters 字符 【译】正确操作Dart中的字符串https://blog.csdn.net/qq_17766199/article/details/107857569 截取用户输入的textfield内容报错

20230726 动态展开和收藏 flutter-实现一个简单的展开收起动画 https://www.jianshu.com/p/8efd011470f2

20230718 枚举值原始值; 枚举值转json Dart 枚举原始值指定问题 及 原始值与枚举值转换问题 https://www.jianshu.com/p/d668f048c5b9

Flutter模型与json的相互转换

https://blog.csdn.net/hanhailong18/article/details/122443000

20230713 flutter 拦截键盘弹起事件 Flutter 让软键盘不再自动弹起 https://blog.csdn.net/qq_27981847/article/details/131251853

Flutter 阻止系统键盘弹出的优雅方式https://www.likecs.com/show-308634313.html

20230712 Flutter中FontWeight.w500在Android系统没有加粗效果的问题

Flutter中FontWeight.w500在Android系统没有加粗效果的问题https://juejin.cn/post/6926428866793701384

20230712

Flutter 列表Item动画 --- AnimatedList实现Item左进左出、淡入淡出

Flutter 列表Item动画 --- AnimatedList实现Item左进左出、淡入淡出 https://blog.csdn.net/ww897532167/article/details/125377920

20230710 Flutter开发：ListView手动滚动到底部 Flutter开发：ListView手动滚动到底部 https://zhuanlan.zhihu.com/p/61380026

20230707 CupertinoActionSheet 如何更改CupertinoActionSheet的背景颜色？ https://www.saoniuhuo.com/question/detail-2578721.html

CupertinoActionSheethttp://www.noobyard.com/article/p-qjzorzbo-ko.html

20230707 flutter 键盘右上角带自定义视图。如，"完成"。 Flutter给iOS数字键盘增加完成按钮

https://ost.51cto.com/posts/390

20230705 flutter textfield 禁止手动换行

flutter textfield 禁止手动换行 https://www.nuomiphp.com/eplan/369376.html

20230705 iOS14系统前stackview 设置背景色(backgroundColor)无效，一直为nil 如何改变UIStackView的背景颜色？https://qa.1r1g.com/sf/ask/2440784111/

20230705 flutter管理混合开发路由 flutter_boost 4.3

https://github.com/alibaba/flutter_boost/blob/master/README_CN.md

来了！闲鱼技术团队开源 Flutter 应用框架 Fish Redux http://www.hzhcontrols.com/new-1435736.html

20230703 输入框bug Flutter-输入框潜在bughttps://www.jianshu.com/p/d75756b7a27a

20230703flutter和原生混编方法 Flutter和原生混编-两种方案结合使混编更轻松

https://juejin.cn/post/7195114398300504101

Flutter多引擎无法Attach问题分析及热重载卡死问题处理https://www.6hu.cc/archives/72162.html 【亲试，可用时断点】

20230703 Flutter中计算文字的宽度/高度 ios输入法：三个英文句号组成的"省略号"编码https://discussionschinese.apple.com/thread/253431905

Flutter-如何计算文字宽高https://www.jianshu.com/p/f713e5a36da5

Flutter中计算文字的宽度/高度https://www.jianshu.com/p/cc3e6f78c85d

20230627flutter 传递类型

Flutter中是引用传递还是值传递 https://blog.csdn.net/jdsjlzx/article/details/126801558

20230621 flutter遇到奇怪的问题Library not loaded: @rpath/libswiftCore.dylib flutter遇到奇怪的问题Library not loaded: @rpath/libswiftCore.dylib https://blog.csdn.net/zhuwei622/article/details/79745305

flutter UiKitView Flutter UiKitView 嵌入iOS原生View http://www.taodudu.cc/news/show-1238449.html?action=onClick

Flutter 跟 IOS 原生通信--UIKitView使用（二）https://www.jianshu.com/p/27afc028ed10

flutter的UIKitView和platformview之iOS https://blog.csdn.net/sinat_34245894/article/details/112707903

SingleScrollview和Listview嵌套不显示；

Flutter灵活布局要掌握的两个控件Expanded和Flexible https://blog.csdn.net/yikezhuixun/article/details/131026207

Getx手动调用布局更新 GetX在什么情况下update、或refresh方法？ https://www.jianshu.com/p/a8b5478da94d

20230524 ListView顶部或底部多出padding ListView顶部或底部多出padding

https://blog.csdn.net/androidhyf/article/details/122361115

20230519 Key Flutter 中的key、LocalKey、GlobalKeyhttps://blog.csdn.net/jdsjlzx/article/details/126563450

20230519 flutter使用经验 【个人笔记】Flutter很好用，赶紧收藏 https://blog.csdn.net/m0_66264798/article/details/122624355

20230515 去除ListView等组件，在安卓Clamp时的水波纹默认阴影 Flutter ---- ListView去除默认阴影 https://blog.csdn.net/mubowen666/article/details/104605410/

20230515 InkWell flutter中使用InkWell给任意Widget添加点击事件

20230512 判断Widget显示 三方库 visibility_detector

20230512 Flutter 视图类似于footer效果，理论位置在底边界下方时，悬浮在底部边界。实际位置，在底边界上方时，跟随列表滑动在底边界上方 flutter_sticky_headers https://github.com/search?q=flutter_sticky_header【评价：官方】

flutter_sticky_header https://github.com/search?q=flutter_sticky_header 【评价：个人，高star】

sticky-footer-scrollviewhttps://github.com/MayLau-CbL/sticky-footer-scrollview

Flutter 高性能、多功能的全场景滚动容器，一定要看！https://baijiahao.baidu.com/s?id=1711259614201262718\&wfr=spider\&for=pc

Flutter基础组件(3-4)-ListView的headView和footViewhttps://www.jianshu.com/p/7b524a90cfb6 [评价：不行，只是撑满屏幕]

20230512 获取Text Widget内容当前行数 Flutter：如何获取文本行数 https://qa.1r1g.com/sf/ask/3786373881/#answer-4041698951

20230512 PreferredSizeWidget PreferredSizeWidget------自定义AppBarhttp://www.5imoban.net/jiaocheng/hbuilder/2020/1203/4541.html

20230511 自定义appBar Flutter | 自定义 AppBarhttps://blog.csdn.net/m0_59449563/article/details/121121335

20230511 暗黑适配--状态栏 Flutter 单独页面状态栏颜色改变backgroundColor和statusBarColorhttps://blog.csdn.net/QhappyfishQ/article/details/129166857

Flutter 问题系列第 45 篇】Flutter 改变状态栏的背景颜色和字体颜色https://blog.csdn.net/qq_42351033/article/details/120251584

Flutter-如何在深色模式下更改状态栏文字颜色？(Flutter-HowtochangetheStatusbartextcolorinDarkMode?)https://007.gangguana.com/a/d005e23bdfa26f94fdb2df55745d8724.shtml

20230511 设计稿屏幕适配 flutter_screenutil https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_CN.md

20230510 Getx 【Flutter -- GetX】准备篇https://blog.csdn.net/duoduo_11011/article/details/125913543

Flutter之GetX集成及使用详解https://cloud.tencent.com/developer/beta/article/2124739

20230508 Flutter 安全距离适配 获取屏幕各种尺寸https://www.jianshu.com/p/35607982879f

MediaQueryData.fromWindow(window).size.height;

20230505 flutter 暗黑适配 Flutter 暗黑模式适配 https://www.jianshu.com/p/094a6e16605a

20230428 防止文字自动换行 flutter Text文本，中英文混合，或则英文单词自动换行处理 https://blog.csdn.net/lhj_android/article/details/119737478

20230428 Flutter适配暗黑模式 Flutter适配深色模式的方法 https://www.zhangshengrong.com/p/3mNmmEBKNj/

20230428 字节-穿山甲广告 flutter_unionad 1.3.20 https://pub.flutter-io.cn/packages/flutter_unionad/example

flutter_pangle_ads https://pub.dev/packages/flutter_pangle_ads

20230427flutter 键盘导致底部区域变动。场景： 弹窗中的输入框成为第一响应者，不影响半透明背景下的前router页面变动 Flutter键盘弹出造成布局异常解决 https://it.cha138.com/ios/show-45110.html

20230425 图片尺寸适配

Flutter Image 图片显示样式 BoxFit https://blog.csdn.net/tianhongfan10106/article/details/120940320

Flutter安装及版本切换 https://blog.csdn.net/phunxm/article/details/117316761 FVM实测，可用