как перейти на страницу с подробностями после поиска во флаттере - PullRequest
0 голосов
/ 21 апреля 2020

Я изучаю Flutter и пытаюсь продолжить работу над проектом этого парня https://github.com/rajayogan/flutterfirestore-instantsearch/blob/master/lib/main.dart (полный код), но у него нет функции onTap или onPress, которые переходят на каждую страницу сведений после поиск, поэтому мне интересно, как реализовать это.

Этот проект о запросе данных из Firebase и отображении в приложении Flutter.

Может кто-нибудь взглянуть на его код и помочь мне, как создать на кран функцию, которая может перейти к каждой странице сведений? Спасибо

В настоящее время приложение выглядит следующим образом

enter image description here

У меня есть эти поля в моей базе данных Firebase,

enter image description here

Это его видеоурок на Youtube https://www.youtube.com/watch?v=0szEJiCUtMM&t=198s

1 Ответ

0 голосов
/ 21 апреля 2020

Виджет buildResultCard содержит данные из результатов поиска, поэтому вы можете просто обернуть их в виджет Gesture Detector или 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,
                  ),
                )
            )
        )
    ),
  );
}
...