如何解决在显示图像的gridview上添加手势检测器的位置
我已成功在gridView()中显示图像 但是现在,我希望每个图片都可点击/可点击, 我曾尝试将手势检测器放入儿童体内,但似乎不起作用, 请帮助。
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
class SearchTiles extends StatefulWidget {
final String Image1 ="https://www.image1.png";
final String Image2 ="https://www.image2.png";
final String Image3 = "https://www.image3.png";
final String Image3 = "https://www.image4.png";
@override
_SearchTilesState createState() => _SearchTilesState();
}
class _SearchTilesState extends State<SearchTiles> {
@override
Widget build(BuildContext context) {
final title = 'Pick a Store';
return MaterialApp(
title: title,home: Scaffold(
appBar: AppBar(
title: Text(title),),body: GridView.count(
crossAxisCount: 2,children: <String>[
widget.image1,widget.image2,widget.image3,widget.image4
].map((String url) {
return GridTile(
child: Image.network(
url,);
}).toList()),);
}
}
解决方法
用GridTile
将GestureDetector
包裹起来,这样每个GridTile都可以点击
尝试一下,对我有用:-)
return GridTile( child: InkWell( onTap: () { //here get image tap callback },child: Image.network( url,),);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。