flutter - 使用 Flutter 在可点击的图像上显示文本
问题描述
我正在尝试在可点击的图像上显示一些文本。我正在使用 InkWell 小部件使图像可点击,并使用 Stack 小部件覆盖 Text 小部件:
new Expanded(
child: new Stack(
children: <Widget>[
new InkWell(
onTap: (){ _doSomething(); },
child: Image.asset("images/my-image.jpg"),
),
new Text("Some text"),
],
),
)
这样我只能点击未填充文本的图像部分,这不好。即使点击了覆盖文本,我也希望我的功能能够运行。
我尝试使用 FlatButton 小部件而不是 Text 并且它以某种方式工作,但我确信这不是正确的方法。你有什么建议吗?
new Expanded(
child: new Stack(
children: <Widget>[
new InkWell(
onTap: (){ _doSomething(); },
child: Image.asset("images/my-image.jpg"),
),
new FlatButton(
onPressed: (){_doSomething;},
child: Text("Some text"),
)
],
),
),
解决方案
将堆栈放入墨水瓶中。
Expanded(
child: InkWell(
onTap: () => _doSomething(),
child: Stack(
children: <Widget>[
Image.asset("images/my-image.jpg"),
Text("Some text"),
],
),
),
)
推荐阅读
- regex - FLEX:匹配正负整数和浮点数的正则表达式是什么,指数也可以存在?
- python - 如何解决在 ES_RNN 模型中运行模型拟合的训练错误?
- python - 使用内部函数时,Python 操作数不能与形状 (42,) (21,) 一起广播 - 形状不应该改变,但它会改变
- python - 使用 Python 连接到 Firebird 数据库
- excel - 为图表格式化数据
- node.js - 防止'node_modules'目录被重复创建
- python - 如何处理数百个 CSV,每个 CSV 有数百万行?
- python - Python 是否记得在 if 语句中求值的表达式?
- c++ - 反转数字而不将其转换为 C++ 中的字符串
- java - 将数组值复制到不同的位置