Question

我想将onTap添加到我的水平列表视图中的每个类别，该如何做？

class HorizontalList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 80.0,
        child: ListView(
        scrollDirection: Axis.horizontal,
        children: <Widget>[
          Category(
            image_location: "catogories/name.png",
            ),
          ],
      ),
    );
 }}

Answer 1

您可以使用GestureDetector小部件来包装“类别”小部件。

class HorizontalList extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Container(
          height: 80.0,
            child: ListView(
            scrollDirection: Axis.horizontal,
            children: <Widget>[
            GestureDetector(
              onTap: () {
                //This will be called on tap 
              },
              child:Category(
                image_location: "catogories/name.png",
              ),
            ),
            ],
          ),
        );
     }}

Answer 2

如果您使用的是小尺寸图像，则可以使用IconButton()。

class HorizontalList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 80.0,
        child: ListView(
        scrollDirection: Axis.horizontal,
        children: <Widget>[
          IconButton(icon: Image.asset(<name_here(or any other optoin such as Image.network()>)), onPressed: <function_here:fox example clickEvent()>)
        ],
      ),
    );
  }
}

您也可以使用

icon: Icon(icon: Icons.<icon_name>, color: Colors.<colors_name>)

（如果您使用的是图标）。

如果您要执行其他操作，请在下面评论！

如何将onTap添加到图像类别

2 个答案: