在翩翩中搜索后如何进入详情页？

Question

我正在学习Flutter，我想继续研究这个家伙的项目。https:/github.comrajayoganflutterfirestore-instantsearchblobmasterlibmain.dart。 (完整的代码)但他没有onTap或onPress功能，在搜索后导航到各个详情页，所以我想知道如何实现。

这个项目是关于从firebase查询数据并在Flutter应用上显示。

谁能快速看一下他的代码，并帮助我如何创建on Tap功能，可以导航到每个详细信息页面？谅谅

目前的应用是这样的

我的firebase数据库里有这个字段。

这是他在Youtube上的视频教程 https:/www.youtube.comwatch?v=0szEJiCUtMM&t=198s。

Answer 1

小工具buildResultCard有来自搜索结果的数据，所以你可以把它包裹在一个手势检测器或Inkwell小工具中，并将其导航到任何你想要的页面。下面是我将数据转发到MyPage的一个例子。

Widget buildResultCard(data) {
  return GestureDetector(
    onTap: (){
       Navigator.of(context).push(
          MaterialPageRoute(builder: (context) => MyPage(data: data));
      );
    },
    child: Card(
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
        elevation: 2.0,
        child: Container(
            child: Center(
                child: Text(data['businessName'],
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    color: Colors.black,
                    fontSize: 20.0,
                  ),
                )
            )
        )
    ),
  );
}