flutter使用坑点记录

已于 2022-08-28 09:04:03 修改
阅读量1k 收藏 1
点赞数
分类专栏： flutter 文章标签： flutter
于 2022-05-27 14:23:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leo_1993/article/details/125002799
版权

container点击失效

一般container点击，可能会在container外包一层 GestureDetector(），有时候你会发现点击事件无效或是只有点击了文字或图片之后才会触发点击事件

解决办法
1 为Container设置背景颜色
2GestureDetector的 behavior 属性设置为 opaque 或 translucent

GestureDetector的 behavior 属性解释
GestureDetector 的behavior处理事件的方式有以下三种：
HitTestBehavior.opaque、 HitTestBehavior.deferToChild、HitTestBehavior.translucent

HitTestBehavior.opaque 自己处理事件
HitTestBehavior.deferToChild child处理事件
HitTestBehavior.translucent 自己和child都可以接收事件

flutter生命周期相关

使用Navigator.pushNamed(context,“LoginPage”); 从页面A跳转到页面B A页面不会触发dispose()方法销毁
而跳转到B页面，会执行B页面的initstate()，使用Navigator.pop(context)或者回退键回到A页面，B页面会执行
dispose()销毁。

在这里插入图片描述
如上代码
在点击BottomNavigationBar底部BottomNavigationBarItem切换页面时候，每次切换都会触发页面重建销毁

软键盘弹起遮盖控件之后异常报错

如果是使用了Scaffold()，在Scaffold中添加如下属性代码：resizeToAvoidBottomInset: false 即可解决

resizeToAvoidBottomInset看flutter注解，Whether this scaffold is being displayed at the top of the screen.
是否显示在屏幕顶部，默认为true，即显示在屏幕顶部

Expanded 父控件最好是Row或者Coulm

leo_1993
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入了解Flutter中的GestureDetector小部件：点击事件处理
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
10-12 341
Flutter是一款流行的跨平台移动应用开发框架，允许开发人员创建高度交互性的应用程序。其中，GestureDetector小部件是处理用户手势操作的利器之一。本文将带您深入探讨如何使用GestureDetector来处理点击事件，提供实际示例和最佳实践，帮助您在Flutter应用程序中实现互动性。无论您是新手还是有经验的开发人员，都将从本文中学到有关处理点击事件的重要知识。让我们开始吧！
flutter使用NestedScrollView实现滑动联动吸顶
10-14
flutter使用NestedScrollView实现滑动联动吸顶
flutter 给UI添加点击事件
qq_29755359的博客
06-08 2076
介绍 Container没有点击事件，重写Container后，点击Container的内容就有点击事件了 参考 重写Container代码 这里只实现了Container的三个属性，decoration、width、child，其他的属性也可以参照如下的格式实现 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class ContainerRepository extends Co
Flutter中ListView 的使用示例
08-27
主要介绍了Flutter中ListView 的使用示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Flutter中的点击事件和回调
一杯清泉
02-22 4862
不同于Android中所有的View可以通过设置点击setOnClickListener { }方法，在Flutter有些widget是不支持直接添加onPress事件的，用法和原生区别很大，列举了常用两种方式。 一、InkWell InkWell中点击事件分为来管理点击回调和水波动画。 onTap: () // 单击 onDoubleTap: () // 双击 onLongPress: ()// 长按 InkWell( onTap: (){}, child: Cont
Flutter 布局（一）- Container详解
金戈鐡馬
03-04 1974
Container在Flutter中太常见了。官方给出的简介，是一个结合了绘制（painting）、定位（positioning）以及尺寸（sizing）widget的widget。 可以得出几个信息，它是一个组合的widget，内部有绘制widget、定位widget、尺寸widget。后续看到的不少widget，都是通过一些更基础的widget组合而成的。
Flutter 给Row Container Column Text设置点击事件
丿灬安之若死
03-30 4930
InkWell child: InkWell( onTap: () { }, child: Row( ), ), 如果是Text 可以使用GestureDetector GestureDetector( child: Text(""), ...
flutter 点击效果
weixin_44911775的博客
03-25 2943
参考 Widget popularArtistTitleSection = Row( children: [ Expanded( child: Container( margin: const EdgeInsets.only(left: 10.0), child: const Text( "人气艺人", style: TextStyl
Flutter——最详细的Container（容器）使用教程
人生在世
11-26 4615
Container（容器） 属性 作用 child 配置容器内部的布局 padding 设置容器内部的距离 alignment 设置容器内容的对齐方式 color 设置容器背景颜色 margin 设置容器外部的距离 decoration 配置容器的外部的样式 constraints 配置容器的外部的约束，最大小宽、最大小高度 width 设置容器的宽 height 设置容器的高 创建一个指定宽高的容器 import 'package:flutter/m
【Flutter】HitTestBehavior想点哪里点哪里
m0_59162559的博客
06-20 456
点击组件中的`HitTestBehavior`属性支持三个值：`opaque`、`translucent`、`deferToChild`。其在命中测试起到一定作用可改变原有命中逻辑从而是实现不同点击触发事件。
Container
Qenter的博客
10-14 413
奇葩问题 点击红线圈住的空白处不执行点击事件 GestureDetector( onTap: () { print("qenter,GestureDetector"); Navigator.push(context, CloudFunRouteFactory.getRightToLeftRoute(JuDetailPage(queries:sentence.toJson(),source: JuDetailPage.SOURCE_LIST))); }, child: Conta
Flutter中使用dio报错
04-29
有可能报错cros 有可能报错XMLHttpRequest
Flutter中mixin的使用详解
08-19
主要介绍了Flutter中mixin的使用，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
flutter 中 grpc 的使用
09-16
flutter 中使用 grpc ，发请求
Flutter中Text点击事件
热门推荐
honeylife的博客
06-21 1万+
Flutter 中Text 的点击事件 大家看Text的源码，是没有点击事件的，那么，如果想添加点击事件怎么写呢，来看我的。 1、首先把Text放在一个容器里。比如Container中， 2、在Container的child中new new GestureDetector() ,你会发现GestureDetector 就有一个属性onTap ，你可以在onTap中定义。 3、什么，你想把方法抽离出...
flutter中的点击事件
qq_36865892的博客
09-20 3350
点击水波纹效果 FlatButton; FlatButton( //长按时颜色 highlightColor:Colors.red, //点击的水波纹颜色 splashColor: Colors.blue, onPressed: onPressed, child: Text(te...
flutter 使用GestureDetector点击没有反应
大灰狼的小绵羊哥哥的博客
11-25 1521
正常使用是 GestureDetector( onTap: () { }, child: Text("demo"), ), 但有时候点击之后没有反应，原因：点击部分处于空白区域，没有接收到点击事件； deferToChild 只有当前容器中的child被点击时才会响应点击事件。 opaque 点击整个区域都会响应点击事件，但是点击事件不可穿透向下传递，注释翻译：阻止视觉上位于其后方的目标接收事件。 translucent 同样是点击整个..
Flutter 如何进行Flutter点击事件响应和手势监听(1.5)
高级开发者进阶ing... QaQ
10-28 2409
如何进行Flutter点击事件响应和手势监听点击事件响应手势监听 点击事件响应 GestureDetector()只列举常用属性 GestureDetector参数 类型 说明 onTap GestureTapCallback 单击响应 onDoubleTap GestureTapCallback 双击响应 onLongPress GestureLongPressCallback 长按响应 onTapUp GestureTapUpCallback 单击按下响应 onTap
一指禅：Flutter中的触摸事件
m0_69656288的博客
04-27 331
触摸事件指的是用户在触摸屏幕时所产生的事件，包括按下、移动、抬起等等。在Flutter中，每个Widget都有一个build方法，通过该方法来构建UI界面。同时，每个Widget都可以监听触摸事件，并根据不同的事件类型来做出相应的处理。到这里，关于Flutter中触摸事件的相关知识已经讲解完毕。希望这篇文章能够帮助到你更好地理解Flutter中触摸事件的处理方式。如果你还有其他问题或需要更多的帮助，请随时在评论区留言！这里是甜瓜看代码，期待你的关注！
flutter使用flutter_downloader
最新发布
03-03
flutter_downloader是一个用于在Flutter应用程序中进行文件下载的插件。它提供了一种简单而强大的方式来管理和监控文件下载任务。 使用flutter_downloader，你可以轻松地添加文件下载功能到你的Flutter应用程序中。它支持多个平台，包括Android和iOS，并且提供了一组易于使用的API来管理下载任务。 要使用flutter_downloader，首先需要在你的Flutter项目中添加依赖。在pubspec.yaml文件中，添加以下内容： ``` dependencies: flutter_downloader: ^1.6.0 ``` 然后运行`flutter pub get`命令来获取依赖。 接下来，在你的代码中导入flutter_downloader包，并使用它来创建和管理下载任务。你可以使用`FlutterDownloader.enqueue`方法来创建一个下载任务，并传递下载链接、保存路径等参数。你还可以使用`FlutterDownloader.open`方法来打开已下载的文件。 以下是一个简单的示例代码，演示了如何使用flutter_downloader进行文件下载： ```dart import 'package:flutter/material.dart'; import 'package:flutter_downloader/flutter_downloader.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('File Downloader'), ), body: Center( child: RaisedButton( child: Text('Download File'), onPressed: () { _startDownload(); }, ), ), ), ); } void _startDownload() async { String url = 'https://example.com/file.pdf'; String savedDir = '/storage/emulated/0/Download'; await FlutterDownloader.enqueue( url: url, savedDir: savedDir, showNotification: true, openFileFromNotification: true, ); } } ``` 这是一个简单的示例，当用户点击按钮时，会触发文件下载任务。下载的文件将保存在指定的目录中，并且会显示下载通知。用户可以通过通知来打开已下载的文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值