Flutter GetX - Переход к конкретной странице после уведомления, но возвращение на главную страницу при нажатии кнопки "Назад"

Flutter GetX – Переход к конкретной странице после уведомления, но возвращение на главную страницу при нажатии кнопки “Назад”

На чтение 4 мин Опубликовано 07.10.2024

Вопрос или проблема

Я создал небольшое приложение на Flutter и использую GetX в качестве менеджера состояния для навигации. Когда я получаю уведомление, я хочу перейти на определенную страницу, и это работает нормально. Однако, когда я нажимаю кнопку «Назад» после просмотра конкретной страницы, приложение закрывается, а не возвращается на главную страницу.

Вот код, который я использую для обработки навигации, когда получено уведомление:

void handleMessage(RemoteMessage? message) {
  if (message == null) return;

  final data = message.data;
  Get.to(() => ViewNewsScreen(url: data["news_url"]));
}

Проблема в том, что после открытия ViewNewsScreen из уведомления нажатие кнопки «Назад» закрывает приложение. Я хочу, чтобы оно возвращалось на главную страницу вместо этого.

Я не использую именованные маршруты и предпочел бы придерживаться системы навигации GetX. Как я могу это исправить?

Любая помощь будет оценена!

Если вы хотите, чтобы нажатие кнопки «Назад» всегда возвращало на главный экран при переходе из уведомления, вы можете настроить поведение кнопки «Назад» в ViewNewsScreen.

Оберните ваш ViewNewsScreen в WillPopScope и определите поведение кнопки «Назад»:

class ViewNewsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // Перейдите обратно на главный экран, когда нажата кнопка «Назад». 
        // Здесь вы должны добавить условие, чтобы проверить, пришло ли это из уведомления или нет.
        Get.offAll(() => HomeScreen());
        return false; // Предотвратить стандартную навигацию назад
      },
      child: Scaffold(
        appBar: AppBar(title: Text("Просмотр новостей")),
        body: Center(child: Text("Детали новостей")),
      ),
    );
  }
}

Ответ или решение

Для того чтобы обеспечить правильное поведение навигации в вашем приложении на Flutter с использованием GetX при нажатии на уведомление, вы можете настроить управление навигацией так, чтобы возвращение назад всегда перенаправляло пользователя на главный экран, а не закрывало приложение. Вам нужно использовать виджет WillPopScope для управления поведением кнопки "Назад".

Вот как вы можете это реализовать:

Во-первых, убедитесь, что у вас установлен пакет get в вашем pubspec.yaml.
Затем измените ваш класс ViewNewsScreen, чтобы он выглядел следующим образом:

import 'package:flutter/material.dart';
import 'package:get/get.dart';

class ViewNewsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // Перенаправляем на главный экран при нажатии кнопки "Назад".
        // Используем Get.offAll для замены текущего маршрута на главный экран.
        Get.offAll(() => HomeScreen());
        return false; // Предотвращаем стандартное поведение кнопки "Назад".
      },
      child: Scaffold(
        appBar: AppBar(title: Text("Просмотр новостей")),
        body: Center(child: Text("Детали новости")),
      ),
    );
  }
}

Обратите внимание на использование метода Get.offAll(). Этот метод заменяет текущий маршрут на новый, при этом удаляя все предыдущие маршруты из стека. Это гарантирует, что после просмотра ViewNewsScreen при нажатии на кнопку "Назад" пользователь вернется на главный экран (HomeScreen), а приложение не закроется.
Вопрос о том, как обрабатывать различные сценарии навигации, является также важным. Если вам нужно отличать открытие ViewNewsScreen из разных источников (например, из уведомления или из другого экрана), вы можете добавить параметр в конструктор ViewNewsScreen и передавать его из метода handleMessage.

Пример:

void handleMessage(RemoteMessage? message) {
  if (message == null) return;

  final data = message.data;
  // Передаем информацию о том, что экран открыт из уведомления.
  Get.to(() => ViewNewsScreen(isFromNotification: true, url: data["news_url"]));
}

И затем измените конструктор ViewNewsScreen, чтобы принимать этот параметр:

class ViewNewsScreen extends StatelessWidget {
  final bool isFromNotification;
  final String url;

  ViewNewsScreen({required this.isFromNotification, required this.url});

  @override
  Widget build(BuildContext context) {
    // Логика навигации при нажатии кнопки "Назад" может зависеть от `isFromNotification`, если необходимо.
  }
}

Таким образом, вы получите полное управление навигацией и сможете избежать нежелательного закрытия приложения, когда пользователь возвращается на главный экран.