Во Flutter часто необходимо выполнить определенные задачи или действия, прежде чем покинуть экран. Одним из распространенных требований является выполнение определенной функции или операции очистки, когда пользователь уходит с текущего экрана. В этой статье блога мы рассмотрим различные способы достижения этой цели с помощью виджета WillScope и предоставим примеры кода для каждого подхода.

Методы запуска функции перед выходом из экрана:

1. Использование наблюдателей Navigator:
   Класс Navigator Flutter предоставляет возможность регистрировать объекты-наблюдатели для отслеживания стека навигации. Реализуя собственный NavigatorObserver, мы можем прослушивать переходы маршрутов и выполнять желаемую функцию. Вот пример:

class CustomNavigatorObserver extends NavigatorObserver {
  @override
  void didPop(Route<dynamic> route, Route<dynamic>? previousRoute) {
    if (previousRoute is MaterialPageRoute) {
      // Execute your function here
    }
    super.didPop(route, previousRoute);
  }
}
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [CustomNavigatorObserver()],
      // Rest of your app code...
    );
  }
}

1. Использование WillPopScope:
   Виджет WillPopScope позволяет нам перехватывать и обрабатывать нажатие кнопки «Назад». Обернув наш экранный виджет с помощью WillPopScope, мы можем выполнить нашу функцию, когда пользователь попытается покинуть экран. Вот пример:

class MyScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // Execute your function here
        return true; // Return true to allow screen transition
      },
      child: Scaffold(
        // Rest of your screen code...
      ),
    );
  }
}

1. Использование RouteObserver:
   Подобно подходу NavigatorObserver, мы можем использовать класс RouteObserver для прослушивания изменений маршрута и выполнения нашей функции соответствующим образом. Вот пример:

final RouteObserver<PageRoute<dynamic>> routeObserver =
    RouteObserver<PageRoute<dynamic>>();
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [routeObserver],
      // Rest of your app code...
    );
  }
}
class MyScreen extends StatefulWidget {
  @override
  _MyScreenState createState() => _MyScreenState();
}
class _MyScreenState extends State<MyScreen> with RouteAware {
  @override
  void didPopNext() {
    // Execute your function here
  }
  @override
  void initState() {
    super.initState();
    routeObserver.subscribe(this, ModalRoute.of(context)!);
  }
  @override
  void dispose() {
    routeObserver.unsubscribe(this);
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // Rest of your screen code...
    );
  }
}

В этой статье мы рассмотрели различные способы запуска функции перед выходом из экрана во Flutter. Используя виджет WillScope, Navigator Observers, WillPopScope и RouteObserver, мы можем эффективно выполнять операции очистки или выполнять необходимые задачи перед переходом на другой экран. Выберите метод, который лучше всего соответствует требованиям вашего конкретного приложения, и реализуйте его соответствующим образом.

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