как перейти на страницу сведений после поиска во Flutter

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

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

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

В настоящее время приложение выглядит так

введите здесь описание изображения

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

введите здесь описание изображения

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


flutter firebase flutter-layout firebase-realtime-database querying
person Aase Zi    schedule 21.04.2020    source источник
comment
Я загрузил снимок экрана с Firebase. Я хочу отображать всю информацию, такую ​​как imageURL, созданная и страница сведений о содержимом.   -  person Aase Zi    schedule 21.04.2020

Ответы (1)


arrow_upward
0
arrow_downward

Widget buildResultCard содержит данные из результатов поиска, поэтому вы можете просто обернуть их в виджет «Детектор жестов» или «Чернильница» и перейти на любую нужную страницу. Вот пример того, как я пересылаю данные в 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,
                  ),
                )
            )
        )
    ),
  );
}
person Haroon Ashraf Awan    schedule 21.04.2020
comment
Привет, спасибо за ответ, но я только что загрузил свою картинку firebase, так что вы можете мне помочь, как я могу показать эту информацию на другой странице, когда пользователь нажимает на результат. Благодарность - person Aase Zi; 21.04.2020
comment
Да, вам просто нужно передать эти данные на другую страницу, как я показал вам в примере, а затем отобразить их в виджетах, которые у вас есть, например, Text (widget.data ['content']). - person Haroon Ashraf Awan; 21.04.2020
comment
Widget buildResultCard (data) в этот метод передаются данные, поэтому вы можете передавать данные на другую страницу (страницу с подробными сведениями), а затем отображать данные так же, как businessName отображается в вашем виджете карты. Если вы не знаете, как передать данные на другую страницу, обратитесь к документации Flutter. Отправить данные на новый экран. - person Haroon Ashraf Awan; 21.04.2020