Flutter 给Row Container Column Text设置点击事件

于 2024-05-20 10:42:28 发布
阅读量152 收藏
点赞数 1
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59625204/article/details/139059303
版权

Row Container Column可以使用InkWell
 

child: Inkwell(
    onTap: (){
    },
    child : Row(),
) ,

也可以GestureDetector
 

GestureDetector(
    child: Text(""),
    onTap: (){}
) ,

不同点是InkWell具有点击效果可以自己设置点击的颜色等
 

月伤59
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
深入了解Flutter中的GestureDetector小部件：点击事件处理
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
10-12 466
Flutter是一款流行的跨平台移动应用开发框架，允许开发人员创建高度交互性的应用程序。其中，GestureDetector小部件是处理用户手势操作的利器之一。本文将带您深入探讨如何使用GestureDetector来处理点击事件，提供实际示例和最佳实践，帮助您在Flutter应用程序中实现互动性。无论您是新手还是有经验的开发人员，都将从本文中学到有关处理点击事件的重要知识。让我们开始吧！
layout_basics_example:在Flutter中借助Row，Column，Stack，Expanded，Container，ListView和GridView构建基本的Flutter布局和小部件
04-08
一个新的Flutter项目。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发...
flutter 点击效果
weixin_44911775的博客
03-25 2995
参考 Widget popularArtistTitleSection = Row( children: [ Expanded( child: Container( margin: const EdgeInsets.only(left: 10.0), child: const Text( "人气艺人", style: TextStyl
flutter 给UI添加点击事件
qq_29755359的博客
06-08 2143
介绍 Container没有点击事件，重写Container后，点击Container的内容就有点击事件了 参考 重写Container代码 这里只实现了Container的三个属性，decoration、width、child，其他的属性也可以参照如下的格式实现 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class ContainerRepository extends Co
Flutter 给Row Container Column Text设置点击事件
丿灬安之若死
03-30 5040
InkWell child: InkWell( onTap: () { }, child: Row( ), ), 如果是Text 可以使用GestureDetector GestureDetector( child: Text(""), ...
flutter在导航栏处实现对两个列表的点击事件
weixin_44911775的博客
08-01 350
重点部分，为什么要整合点击事件在导航栏这里，因为好看，好理解，逻辑比较顺，全局上点击。原理通过Function实现index的回调。
Flutter ：添加点击事件
青蛙不吃草
08-19 3396
flutter中有三中方式添加点击事件 InkWell InkWell( child: buildButtonColum(Icons.call, 'CALL'), onTap:(){ print('单击'); }, onDoubleTap: () { // 双击 }, onLongPress: () { // 长按 } ), GestureDetector _onCli.
Flutter常用的布局和事件示例详解
01-20
Flutter提供了多种布局组件，如Container、Row、Column、Stack、Flex等，它们允许开发者灵活地组织和排列子Widget。例如，Row和Column用于水平和垂直方向的布局，Stack则可以将多个Widget堆叠在一起。Container则...
Flutter 常用系列demo代码
最新发布
09-12
6. **Flex**、**Row**、**Column**: 这些都是布局组件，Flex是用于创建弹性布局的基类，Row和Column分别代表水平和垂直布局。通过这些组件，开发者可以灵活地组织和排列子组件。 7. **Cupertino widgets**: Flutter...
Flutter 官方开发文档PDF
06-09
- **布局构建**：讲解了各种布局Widget，如Container、Row、Column、Flex和Stack，以及如何创建响应式应用。 - **交互**：涵盖GestureDetector和其他手势识别Widget，用于实现用户交互。 - **资源和图片**：介绍如何...
Flutter 点击事件基础GestureDector,InkWell,Ink的使用
风吹草低见牛羊
05-09 2693
开发环境：Win 10 ，Android studio 3.4.0 目的：在使用过程中需要用到点击某一个Column，怎么实现？ 一、在网上找到最多的是InkWell,Ink去实现的单个Widget的点击事件，这里我就不多说了，在网上找了几张截图丢这里了[图见文章最下方]，本篇主要介绍怎么使用GestureDector去实现单个或一个Column的点击事件 二、GestureDector包裹widget实现widget的点击事件 代码1：Column点击事件 GestureDetector bu
Flutter中的点击事件和回调
一杯清泉
02-22 4952
不同于Android中所有的View可以通过设置点击setOnClickListener { }方法，在Flutter有些widget是不支持直接添加onPress事件的，用法和原生区别很大，列举了常用两种方式。 一、InkWell InkWell中点击事件分为来管理点击回调和水波动画。 onTap: () // 单击 onDoubleTap: () // 双击 onLongPress: ()// 长按 InkWell( onTap: (){}, child: Cont
flutter之Container
chunchun1230的博客
09-03 375
   
flutter - 给文字设置点击事件的几种方式
冲锋
10-20 9659
Text 部件 不能直接设置点击事件 1. 如果单独给 一个文字设置 点击事件， 可以使用TextSpan 部件 点击 word 文字添加事件 class MyHomePage extends StatelessWidget { var i = 1; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: Column( c
flutter 设置Container之后点击没反应
weixin_44911775的博客
05-09 483
设置这个就可以了 decoration: BoxDecoration(), Container( margin: EdgeInsets.only(top: 10), padding: EdgeInsets.only(top: 10,bottom: 10,left: 50,right: 50), decoration: BoxDecoration
Flutter中常用的组件-Row
不二菜菜子的博客
01-31 281
Flutter中常用的组件-Row
flutter 项目实战五 item 点击跳转，webview加载
weixin_41191134的博客
03-28 3304
本项目借用 逛丢 网站的部分数据，仅作为 flutter 开发学习之用。 逛丢官方网址：https://guangdiu.com/ flutter windows开发环境设置 flutter 项目实战一 新建 flutter 项目 flutter 项目实战二 网络请求 flutter 项目实战三 json数据解析以及Gson格式化flutter 项目实战二 网络请求 flutter 项...
flutter怎么实现一个column里面包含两个row 一个row在最下面固定高度
05-24
可以使用Expanded和Flexible组合实现。具体实现如下： ```dart Column( children: [ Expanded( child: Row( children: [ // 第一行的子元素 ], ), ), Container( height: 50, // 固定高度 child: Row( children: [ // 第二行的子元素 ], ), ), ], ) ``` 其中，第一行的子元素可以使用Expanded或Flexible包裹，使其占据剩余空间。第二行使用一个固定高度的Container包裹，高度设置为50。这样第二行就会固定在底部并占据50的高度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值