Как работает навигация в Flutter?

Question

Accepted Answer

**Навигация** в Flutter позволяет перемещаться между экранами (страницами/маршрутами) — используя **Navigator** (стек маршрутов) для базовой навигации, или декларативные пакеты маршрутизации для более сложных приложений. Понимание навигации необходимо для создания многоэкранных приложений.

## Базовая навигация с Navigator (стек)

```dart
// the Navigator manages a STACK of routes (screens)
// PUSH a new screen onto the stack (navigate to it)
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondScreen()),
);

// POP — go back (remove the top screen, return to the previous)
Navigator.pop(context);
```

```text
Think of navigation as a STACK of screens:
  → PUSH adds a screen on top (navigate forward)
  → POP removes the top screen (go back)
  → the back button / gesture also pops
```

## Передача данных между экранами

```dart
// pass data forward (via the constructor)
Navigator.push(context, MaterialPageRoute(
  builder: (context) => DetailScreen(itemId: 42),
));

// return data back when popping
Navigator.pop(context, result);          // return a result
final result = await Navigator.push(...); // receive it (push returns a Future)
```

## Именованные маршруты и современная маршрутизация

```dart
// NAMED routes — define routes by name (cleaner for many screens)
Navigator.pushNamed(context, '/details');
// configured in MaterialApp(routes: {...})

// MODERN: declarative routing packages (go_router) for complex apps:
//   → URL-based routing, deep linking, web support, nested navigation
//   → go_router is the recommended approach for non-trivial apps
```

## Почему это важно

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

Базовая концепция — **Navigator управляет стеком маршрутов** (экранов), где вы **push** для навигации вперёд (добавление экрана сверху) и **pop** для возврата назад (удаление верхнего экрана) — является основополагающей ментальной моделью для навигации, и метафора стека (соответствующая тому, как пользователи перемещаются вперёд и назад в приложении) делает это интуитивным.

Понимание **базовой навигации** (push/pop) необходимо для любого многоэкранного приложения.

Понимание **передачи данных между экранами** (отправка данных вперёд через конструкторы и возврат результатов при pop, так как push возвращает Future) критически важно, потому что экраны часто должны обмениваться данными (передача элемента на экран деталей, возврат выделения).

Понимание **именованных маршрутов** (определение маршрутов по имени для чистой организации при наличии многих экранов) и особенно **современной декларативной маршрутизации** (пакеты вроде **go_router**, которые рекомендуются для нетривиальных приложений, обеспечивающие маршрутизацию на основе URL, глубокое связывание, поддержку веба и вложенную навигацию) отражает текущие лучшие практики — по мере роста приложения, декларативная маршрутизация лучше справляется со сложностью, чем императивный push/pop.

Поскольку практически все приложения имеют несколько экранов и навигация между ними (с передачей данных) является основой функциональности приложения, и поскольку понимание модели стека Navigator, передачи данных и современной маршрутизации (go_router) необходимо для создания многоэкранных приложений, понимание навигации в Flutter является важным, фундаментальным знанием — базовым навыком, необходимым в почти каждом Flutter приложении и обязательным для создания многоэкранных взаимодействий, которые требуют реальные приложения.