flutter - 如何使ListView可以单击文本的整个宽度和高度？

Question

我希望有一个可单击的正方形，中间的文本可单击，但单词之间的距离固定。
目前只有可点击的文本，我无法单击下方或上方的文本。请检查下面的图片。
如果不是文本的动态宽度，这将不是问题。
如何解决呢？
目前我有这样的事情:

ListView -> GestureDetector -> Container (height: 60, *without width)-> Center -> Text

ListView. builder(
        physics: ClampingScrollPhysics(),
        controller:
        _scrollControllerCategoryList,
        scrollDirection: Axis.horizontal,
        itemBuilder: (BuildContext context, int index) {
          return GestureDetector(
            onTap: () {
            },
            child: Container(
              child: Center(
                height: 60,
              child: Text(
                appConsumer.menu.keys
                    .toList()[index]
                    .baseName,
                style: TextStyle(
                    fontSize: 14,
                    color:
                    selectedCategory ==
                        index
                        ? AppTheme()
                        .green
                        : Colors
                        .grey[500]),
              ),
             ),
            ),
          );
        },
        itemCount: appConsumer.menu.keys.length,
      )

Answer 1

尝试将文本包装在扩展小部件内