flutter 错误记录 键盘弹起收起导致数据初始化

最新推荐文章于 2024-08-20 14:34:44 发布
最新推荐文章于 2024-08-20 14:34:44 发布
阅读量1.1k 收藏
点赞数
分类专栏： flutter 错误记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42944436/article/details/108367261
版权

键盘弹起收起会导致页面build，页面build会让widget.data的数据初始化
解决：将数据与build的方法放在一起；
在这里插入图片描述

华山派developer
关注
专栏目录
flutter弹起键盘页面布局超限问题
01-20
例如，如果在脚手架上方显示屏幕键盘，则可调整body属性控件的大小以避免被键盘覆盖。如果你不需要此功能，可以将resizeToAvoidBottomPadding属性设置为false @override Widget build(BuildContext context) { ...
Flutter手机软键盘弹出rebuild多次问题分析解决
qq_25062671的博客
07-18 272
处理过程：检查Widget的代码里哪里有调用MediaQuery.of(context)方法，该方法是个坑，会在屏幕变化时，在调用的地方都会重新rebuild。知道原因后，排除所有代码中使用了MediaQuery.of(context)的地方，获取屏幕宽度的使用LayoutBuilder。Flutter开发中遇到的坑。起因：在页面放入了一个TextField，并弹出了输入法，页面疯狂的调用build方法，所有页面都刷新了一遍，最要命的是接口重新访问了N遍。版本3.7.10 后续的版本也会有此类问题。
Flutter 页面无缘无故执行build的解决办法
yaochangliang的博客
03-30 3476
有时候flutter执行了pop方法返回到上一个界面，上一个界面突然就执行了build方法，其实我们并不希望上个界面执行build，可以在上个界面添加如下方法即可解决自动build的问题。 @override void didChangeDependencies() { // ignore: must_call_super } flutter解决自动执行build方法。flutter返回上个界面自动刷新了。 ...
Flutter-常见问题收集分享
N years的博客
10-05 628
1.终端执行命令提示： Waiting for another flutter command to release the startup lock... 解决： 方法一 杀死dart进程 flutter packages pub build_runner watch 方法二 终极方案或者手动找到对应目录下文件进行删除,删除flutter SDK文件夹目录下的bin/cache下边的lockfile文件 rm ./flutter/bin/cache/lockfile 2.点击空白处，收起软键盘 解决
Flutter中 MediaQuery 和 build 优化你不知道的秘密
Dream It Possible
11-04 1483
所以，如下动图所示，其实部分人会在 push 对应路由地方，通过嵌套 MediaQuery 来做一些拦截处理，比如设置文本不可缩放，但是其实这样会导致键盘在弹出和收起时，触发各个页面不停 rebuild ，比如在 Page 2 弹出键盘的过程，Page 1 也在不停 rebuild。试想一下，如果你在每个页面开始的位置都是用了 MediaQuery.of(context) ，然后打开了 5 个页面，这时候你在第 5 个页面弹出键盘时，也触发了前面 4 个页面 rebuild，自然而然可能就会出现卡顿。
Flutter键盘弹出造成布局异常解决
01-06 4834
  在使用flutter开发时，经常会遇到输入框弹起的时候，debug环境下会提示布局异常。下面我们分两种情况进行讨论分析 输入框在可滚动widget上 输入框如果在滚动的widget上时，键盘弹起，滚动的widget会自动滚动，不存在这个布局异常的问题，如果出现了这种情况，可以排查下Scaffold的resizeToAvoidBottomInset属性设置为false，这个默认是true. 输入框在不可滚动widget上 这种情况不要把输入框距离底部的高度写死，而是加上键盘的动态高度。MediaQuery
flutter TextField关闭软键盘时清除掉输入的内容
左丘梦凡的博客
06-02 2277
##flutter TextField关闭软键盘时清除掉输入的内容 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7OPp244u-1622626921608)(/gif_luzhi/afd1212.gif)] 如上图所示，在TextField中输入内容后，关闭软键盘时都会清空掉输入框里的内容 代码如下 @override Widget build(BuildContext context) { print('ChangePasswordForm Widge
Flutter持久化存储之数据库存储（sqflite）详解
08-26
Flutter 中的持久化存储是指将数据保存到设备的存储中，以便下次启动应用程序时可以恢复数据。数据库存储是常用的存储方式之一，特别是在需要大量数据的增删改查操作时。Sqflite 是一个轻量级的关系型数据库，类似 ...
【Flutter】Dart 数据类型 Map 类型 ( 创建 Map 集合 初始化 Map 集合 遍历 Map 集合 ).zip
02-05
【Flutter】Dart 数据类型 Map 类型 ( 创建 Map 集合 | 初始化 Map 集合 | 遍历 Map 集合 ) https://hanshuliang.blog.csdn.net/article/details/113700234 博客源码快照
Flutter质感设计之弹出菜单
08-27
Flutter质感设计之弹出菜单 Flutter质感设计是一种Material Design风格的移动应用程序设计思想，它强调简洁、扁平、灵活、统一的设计风格。在Flutter中，PopupMenuButton控件是实现弹出菜单的主要控件。下面我们...
Flutter本地存储宝典：掌握数据持久化的秘诀
07-10
Flutter是一个由Google开发的开源移动UI框架，用于构建高效、高性能的iOS和Android应用程序。Flutter使用Dart语言作为开发语言，这是一门简洁、强类型、并且专为客户端应用性能设计的编程语言。 ### Flutter的主要...
Flutter组件化开发方案
01-27
【Flutter组件化开发方案】 组件化开发是一种将大型应用程序拆分为独立、可重用的模块化组件的方法，有助于提升代码的可维护性、可扩展性和团队协作效率。在Flutter中，随着业务需求的增长，单纯地将Flutter作为...
Flutter高阶技术：如何实现自定义弹出菜单框
06-03
在Flutter开发中，自定义弹出菜单框是提高应用交互性和用户体验的重要手段。Flutter作为一个跨平台的移动开发框架，提供了丰富的API和工具，使得开发者能够轻松实现这样的功能。本篇文章将深入探讨如何在Flutter中...
Flutter 全局点击空白处隐藏键盘实战
09-07
在 Flutter 开发中，用户交互是至关重要的，尤其是在涉及到文本输入的场景下。iOS 和 Android 平台在处理软键盘显示和隐藏上有着不同的默认行为。在 iOS 上，用户习惯于点击屏幕空白区域来隐藏键盘，而在 Android 上...
flutter混合开发解决输入框被键盘遮挡的问题
01-20
在Flutter混合开发中，经常会遇到一个困扰开发者的问题，即当用户在输入框中输入时，软键盘弹出导致底部的输入框被遮挡。这个问题在Android平台上尤为常见，因为Android系统的键盘处理机制与iOS有所不同。本文将详细...
flutter: Provider的坑 --- 退出页面时，StatefulWidget又会build一遍？
u013009899的博客
04-26 755
具体代码如下： _changeLocation(BuildContext context) async { // 1、异步的，通过await等待CityPage页面退出返回数据 CityModel city = await NavigatorRoute.pushName(context, CityPage.routeName); if (city == null) { return; } // 2、这里用到了Provider，其中调用了notifyLis
【Flutter】 键盘弹出时出现多次调用build方法和升级到Flutter3.24后也会出现多次调用build方法问题
最新发布
night_iv的专栏
08-20 279
https://www.cnblogs.com/lude1994/p/16952020.html
flutter: 软键盘弹出把布局向上顶起的问题
Crystal_xing的专栏
12-16 7752
软键盘向上弹出的时候，会使界面高度重新计算然后刷新布局，所以导致布局向上顶起的现象，解决方案如下： 1. Scaffold 中需要加入resizeToAvoidBottomPadding: false , 2. body 部分用SafeArea+SingleChildScrollView+SizeBox包裹，然后设置高度，用来规避重新计算的问题： @override Widget build(BuildContext context) { final paddin...
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(), ); } } ``` 通过以上步骤，可以实现一个监听软键盘弹起的布局。当文本输入框获得焦点时，布局可以自动滚动到底部以适应软键盘的高度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

华山派developer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值