Flutter 软键盘导致界面重绘的问题

最新推荐文章于 2024-07-18 12:32:01 发布
原创 最新推荐文章于 2024-07-18 12:32:01 发布 · 1.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter

使用Flutter开发应用时，遇到在自定义百度地图页面输入时键盘遮挡导致页面空白的问题。解决方案是在Scaffold中设置resizeToAvoidBottomPadding为false，解决了重绘引发的加载异常。

用Flutter 开发的应用，在自己搭建的百度地图页面，点击进入一个界面输入内容，发现弹出键盘会出现在第一个百度页面出现空白的问题，并且在控制行抛出错误，

E/BufferQueueProducer(19941): [SurfaceTexture-0-19941-2](id:4de500000027,api:0,p:-1,c:19941) dequeueBuffer: BufferQueue has no connected producer

查找了资料发现，因为弹出的键盘导致页面进行了重绘，所以百度地图加载了异常，所以解决方案为

在Scafford  中设置 resizeToAvoidBottomPadding: false,

然后就显示正常了。

 

Android 图形架构 之四——图形缓冲区的申请和消费流程及核心类
薛瑄的博客
10-13 7405
前言 Android应用的UI显示到Display的过程中，SurfaceFlinger扮演的角色只是“Flinger”，就是定于检查Layer更新，然后计算DirtyRegion，然后将结果推送给底层显示驱动进行显示。 应用层把UI内容 写入到GraphicBuffer，SurfaceFlinger读取数据后 ，合成显示。BufferQueue 是用来管理GraphicBuffer的 一、生产者消费者模型 对GraphicBuffer的管理 使用的是生产者消费者模型，app 产生数据，通知SurfaceF
Flutter调优--深入探究MediaQuery引起界面Rebuild的原因及解决办法 | 京东云技术团队
JDDTechTalk的博客
05-29 531
我们可以通过MediaQuery.of(context)方法获取到一些设备和系统的相关信息，比如状态栏的高度、当前是否是黑暗模式等等，使用起来相当方便，但是也要注意可能引起的页面rebuild问题。本文会介绍一个典型的例子，并深入源码来探讨引起rebuild的原因，最后介绍避免rebuild的几个办法。
应用程序刷新surface时到sf的送显流程
Kent的博客
01-15 1578
Android的上层程序刷新的时候，对应的native层的surface中的buffer数据会被改变。 这里的surface对应的是BufferQueueProducer,当上层绘制完成之后，会调用到surface.cpp中的unlockAndPost()函数：status_t Surface::unlockAndPost() { if (mLockedBuffer == 0) {
[RK3399][Android7.1] 调试笔记 --- 闪电浏览器全屏播放视频时黑屏
Kris Fei's blog
09-04 3128
Platform: RK3399 OS: Android 7.1 Kernel: v4.4.83 现象: 使用默认闪电浏览器全屏播放视频时黑屏， error log如下： 08-09 17:19:45.978 224 266 E BufferQueueProducer: [acr.browser.barebones/acr.browser.lightning.activity.MainAc...
Flutter webview弹起软键盘后页面自动刷新问题
MoonAndroid的博客
11-13 2860
flutter中关于软键盘弹起导致的问题 1.当布局高度写死时，例如设置为屏幕高度，这时候键盘弹起页面上会出现布局overflow的提示 2.软键盘弹起后遮挡输入框 原因：在flutter中，键盘弹起时系统会缩小Scaffold的高度并重建 解决问题1中overflow提示的两种办法： 1）把Scaffold的resizeToAvoidBottomInset属性设置为false，这样在键盘弹出时将不会resize 2）把写死的高度改为 原高度 - MediaQuery.of(context).viewIns
Flutter手机软键盘弹出rebuild多次问题分析解决
最新发布
qq_25062671的博客
07-18 1040
处理过程：检查Widget的代码里哪里有调用MediaQuery.of(context)方法，该方法是个坑，会在屏幕变化时，在调用的地方都会重新rebuild。知道原因后，排除所有代码中使用了MediaQuery.of(context)的地方，获取屏幕宽度的使用LayoutBuilder。Flutter开发中遇到的坑。起因：在页面放入了一个TextField，并弹出了输入法，页面疯狂的调用build方法，所有页面都刷新了一遍，最要命的是接口重新访问了N遍。版本3.7.10 后续的版本也会有此类问题。
软键盘顶起页面布局问题及解决方案
其中，`adjustResize` 会重新调整 Activity 的根布局大小，使得整个布局在软键盘弹出后仍然可见，并触发视图的重绘与测量流程；而 `adjustPan` 则仅平移当前焦点区域至可见位置，不改变布局尺寸，可能导致部分内容被...
移动端软键盘适配与浮动锚点布局技术实现
综上所述，该资源包聚焦于移动开发中极具挑战性的软键盘交互优化问题，提出了一套集“布局重绘控制”、“动态锚点定位”、“跨设备适配”于一体的综合性解决方案。它不仅适用于原生Android开发，也可为Flutter、...
Android软键盘高度监听与实时检测技术实现
而`附赠资源.docx`作为补充材料，极有可能详细阐述了软键盘相关API的工作原理、常见坑点（如刘海屏适配、横竖屏切换时的布局重绘问题）、性能优化建议，甚至可能扩展介绍了如何将该机制与Jetpack Compose或Flutter等...
Android软键盘智能UI控制库：实时监听与视图动态调整
而本库通过深度封装WindowManager、DecorView与Activity生命周期的联动机制，实现了对软键盘显示与隐藏状态的精准识别，能够准确区分键盘事件与其他界面重绘行为，极大提升了状态判断的可靠性。 其次，关于键盘高度...
Android软键盘遮挡解决方案：实战案例与性能优化
本文首先概述了软键盘遮挡问题，并对其触发机制进行了理论分析，包括输入法框架、Activity生命周期、用户界面布局及布局参数。接着，本文探讨了用户体验中软键盘遮挡问题的感知和影响。在此基础上，文章提出了多种...
flutter 弹出框修改数据重绘页面
渣女园的博客
04-09 699
showDialog( context: context, builder: (BuildContext context) { return StatefulBuilder(builder: (context, state) { //StatefulBuilder 来构建 dialog ... state(() { do something } //使用参数 state来更新 dialog
flutter 错误记录 键盘弹起收起导致数据初始化
华山派developer的博客
09-02 1292
键盘弹起收起会导致页面build，页面build会让widget.data的数据初始化 解决：将数据与build的方法放在一起；
Flutter键盘弹出造成布局异常解决
01-06 5562
  在使用flutter开发时，经常会遇到输入框弹起的时候，debug环境下会提示布局异常。下面我们分两种情况进行讨论分析 输入框在可滚动widget上 输入框如果在滚动的widget上时，键盘弹起，滚动的widget会自动滚动，不存在这个布局异常的问题，如果出现了这种情况，可以排查下Scaffold的resizeToAvoidBottomInset属性设置为false，这个默认是true. 输入框在不可滚动widget上 这种情况不要把输入框距离底部的高度写死，而是加上键盘的动态高度。MediaQuery
Flutter页面不流畅，难道是使用姿势有问题？
淘系技术
04-22 5223
作者|檀婷婷(三莅)出品|阿里巴巴新零售淘系技术部背景高性能高流畅度一直是Flutter团队宣传的一大亮点，也是当初闲鱼选择Flutter的重要因素之一，但是随着复杂业务的应用落地，通过...
flutter 键盘弹出和收起页面bug
lin_henry的博客
07-20 3796
场景 我在客服系统中定义个列表widget和底层输入widget，但是在软键盘的弹出收起的时候，发现列表widget 并没有被重新绘制，这导致列表中的部分信息被遮挡， 1、Scaffold 首先想到的 Scaffold 的 resizeToAvoidBottomInset 属性。 在 Flutter 中 Scaffold 默认情况下 resizeToAvoidBottomInset 为 true，当 resizeToAvoidBottomInset 为 true 时，Scaffold 内部会将 media
Android Camera Surface显示相关问题总结
xx18030637774的博客
11-27 2438
2.调用ANativeWindow的dequeueBuffer出错，返回值为-19（NO_INIT)，错误信息为“requestBuffer: BufferQueue has no connected producer”。3.执行添加/移除/添加同一Surface界面时，出现-22(BAD_VALUE)，错误信息为“connect: already connected (cur=%d req=%d)”。1.默认创建的Preview Surface填充RGBA数据显示异常。
AndroidQ 图形系统（3）dequeueBuffer函数分析
转载和创作优秀的博客
06-20 2487
AndroidQ 图形系统（3）dequeueBuffer函数分析
【Android】Android SurfaceFlinger之BufferQueue
Making Life Better. Making Others Better.
03-08 8982
在Android中，BufferQueue是Surface实现本地窗口的关键，驻留在SurfaceFlinger进程中进行服务，下面从BufferQueue的结构开始分析。1、BufferQueue模式BufferQueue相关的源码在frameworks/native/libs/gui/，涉及以下几个重要的数据结构：class BufferQueue; class BufferQueueCore;
flutter 软键盘弹起布局
09-09
在Flutter中，可以通过使用`WidgetsBinding`来监听软键盘的弹起和收起事件，同时使用`SingleChildScrollView`来为布局进行滚动以适应软键盘的高度。 要实现软键盘弹起布局，可以按照以下步骤进行： 1. 导入必要的包： ```dart import 'package:flutter/material.dart'; import 'package:flutter/scheduler.dart'; ``` 2. 创建一个`StatefulWidget`，该组件将包含你的布局： ```dart class MyLayout extends StatefulWidget { @override _MyLayoutState createState() => _MyLayoutState(); } class _MyLayoutState extends State<MyLayout> { // 声明一个控制器来获取文本输入框的焦点 final FocusNode _focusNode = FocusNode(); // 监听软键盘状态 @override void initState() { super.initState(); // 在布局构建完成后开始监听软键盘事件 SchedulerBinding.instance.addPostFrameCallback((_) { _focusNode.addListener(() { if (_focusNode.hasFocus) { // 获取焦点时，键盘弹起 _scrollToBottom(); } }); }); } // 滚动到底部 void _scrollToBottom() { SchedulerBinding.instance.addPostFrameCallback((_) { Scrollable.ensureVisible( _focusNode.currentContext!, duration: const Duration(milliseconds: 300), ); }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter软键盘弹起布局'), ), body: SingleChildScrollView( child: Column( children: <Widget>[ // your content here TextFormField( focusNode: _focusNode, // 将焦点设置给文本输入框 decoration: InputDecoration( labelText: '文本输入框', ), ), // more widgets... ], ), ), ); } } ``` 3. 在Flutter应用的入口处使用该布局： ```dart void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyLayout(), ); } } ``` 通过以上步骤，可以实现一个监听软键盘弹起的布局。当文本输入框获得焦点时，布局可以自动滚动到底部以适应软键盘的高度。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值