想学习 flutter 写一个小 app ,主页刚开始就碰到问题了:
想在 Row 上加一个点击事件
return Scaffold(
appBar: AppBar(
// Here we take the value from the MyHomePage object that was created by
// the App.build method, and use it to set our appbar title.
title: Text(widget.title),
),
body: Container(
padding: EdgeInsets.all(15),//这里想做一个 padding 但是未生效
color: Colors.red,
child: GestureDetector(
onTap: () {
print('object');
},
child: Container(
child: Row(
children: [Text('默认'), Spacer(), Icon(Icons.arrow_right)],
),
),
),
)
// This trailing comma makes auto-formatting nicer for build methods.
);
但是实际效果是只有点击 Text 和 Icon 的位置才会触发,不知道为啥。。。
求一个 flutter 交流群,可以指点一下
1
FrankFang128 2022 年 5 月 23 日
那你要用 Guesture 之类的组件
|
2
rrubick OP @FrankFang128 #1
是 GestureDetector 吗?我加到 Row 的父 View Container 上了,但是不是 Container 上所有位置都能触发,费解 |
3
monkeyzsf 2022 年 5 月 23 日
GestureDetector 包裹的 Container 加上 color 方便确认大小,我试了,点击整条 Container 都可以响应 onTap 事件,你确认是不是手指太粗点不到容器?
|
4
monkeyzsf 2022 年 5 月 23 日
你的代码,我试了 MacOS 、ChromeWeb 都没问题
|
5
tribute 2022 年 5 月 23 日 有一个 opaque 参数,好像叫这个
|
6
lijy91 2022 年 5 月 23 日
欢迎加入 LeanFlutter 的讨论群 https://github.com/leanflutter
|
7
isRealLeven 2022 年 5 月 23 日 GestureDetector 中属性 behavior: HitTestBehavior.opaque,
|
10
ArcherDunes 2022 年 5 月 26 日
诚招 Flutter 工程师,使用 IM SDK 开发聊天类 APP ,要求经验丰富,有实际上架产品,有原生开发经验加分。
|
11
Alexrx 2022 年 5 月 31 日
就是 7l 说的原因 具体的就是 flutter 默认一般都是 deferToChild,能不能通过命中测试取决于子组件,点中间空白的地方 hittest 没找到可以响应的子组件,row 自己本身 hittestself 也是 false 所以就没得效果 可以用 inkwell 代替 这个类是基于 gesture 封装的 内部默认 opaque
|
13
Shiweizhi 2022 年 6 月 5 日
|
14
version398919 2022 年 6 月 10 日 1. padding 生效了,只是同一个 Container 的 color 不会收到 padding 影响。
2. 把 GestureDetector 改成 InkWell 就行 注:你包裹 Row 的 Container 是没意义的,可以去掉。Row 里的 Spacer 也可以去掉,用 MainAxisAlignment.spaceBetween 可以做到同样的效果。 |
15
rrubick OP @version398919 #14
flutter 界面稍微一写就一大段,请问有优雅的写法吗? |
17
dabbit 2022 年 7 月 7 日
@magic3584 查查 lint ,可以规范写法(但是里面有些规则挺繁复的,按需自己编辑)。另外就是多写咯,写得多就知道怎么写能简单点。如果以前是写安卓的,可以试试这个 https://pub.flutter-io.cn/packages/flutter_constraintlayout ,我自己没试过,但是按照作者的说法,是值得一试的。
|
18
gracewangabc 2022 年 7 月 8 日
诚招远程 Flutter ,16-45K ,Telegram:@somebody_abc, 微信:@somebody_abcde
|
19
akaHenry 2022 年 7 月 22 日
> flutter 技术群:
- https://discord.com/invite/MnDA9pfWAW > 可以使用 niku 简写样式. https://github.com/saltyAom/niku |