flutter 使用ListView中的Tap功能

j8yoct9x 于 2023-01-31 发布在 Flutter

关注(0)|答案(2)|浏览(129)

我正在测试列表视图中项目的"点击功能"，但它似乎不起作用。当我点击列表时，打印功能不起作用。

return Scaffold(
          appBar: AppBar(
            // App Bar
            title: Text(
              "ListView On-Click Event",
              style: TextStyle(color: Colors.grey),
            ),
            elevation: 0,
            backgroundColor: Colors.white,
          ),
          // Main List View With Builder
          body: ListView.builder(
              itemCount: imgList.length,
              itemBuilder: (context, index) {
                return GestureDetector(
                  onTap: () {
                    print("button pressed");
                    print(index);
                  },
                  child: Container(
                    margin: const EdgeInsets.symmetric(
                      vertical: 2.0,
                      horizontal: 8.0,
                    ),
                    child: Stack(
                      children: <Widget>[
                        cardDesign,
                        cardImage,
                      ],
                    ),
                  ),
                ); // gesturedetector
              }));

我哪里做错了？

flutter

来源：https://stackoverflow.com/questions/72531708/working-with-tap-function-within-listview

2条答案

按热度按时间

vfh0ocws1#

尝试使用Column而不是Stack

ListView.builder(
          shrinkWrap: true,
          itemCount: 10,
          itemBuilder: (context, index) {
            return GestureDetector(
               onTap: () {
                print("button pressed");
                print(index);
              },
              child: Container(
                margin: const EdgeInsets.symmetric(
                  vertical: 2.0,
                  horizontal: 8.0,
                ),
                child: Column(
                  children: <Widget>[
                    Text(index.toString()),//put your widgets here
                  ],
                ),
              ),
            ); // gesturedetector
          }),

赞(0）回复(0）举报 2023-01-31

km0tfn4u2#

您可以在ListView中使用ListTile，因为ListTile具有onTap功能，此处相同：

ListView.builder(
                itemCount: data.length,
                itemBuilder: (BuildContext context, int index) {
                  return Card(
                    child: ListTile(
                      title: Text('TextHere'),
                      onTap: () {
                        log('on tap');
                      },
                    ),
                  );
                });

赞(0）回复(0）举报 2023-01-31

我来回答

flutter 使用ListView中的Tap功能

2条答案

相关问题

热门标签

最新问答