context.go and push

Replace with context.go and stack with context.push.

context.go and context.push

context.go('/path') replaces the current route; it sets the navigation stack to the new path with no way back. context.push('/path') adds the new route on top of the stack; you can then go back with context.pop().

// Replace: no going back
context.go('/ayarlar');

// Push: can go back
context.push('/detay');

Going back with context.pop

context.pop() removes the topmost route from the stack and returns to the previous screen. Routes added with push are removed with pop; routes set with go have no back stack, so pop does not work.

ElevatedButton(
  onPressed: () => context.pop(),
  child: const Text('Geri'),
)

Exercise Navigate with a button

Define a StatelessWidget named DetayScreen. In its Scaffold body, place an ElevatedButton inside a Center. Its onPressed should call context.go('/detay') and its child should be Text('Detay'). Print 'hazir' in main.

Show example solution

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

class DetayScreen extends StatelessWidget {
  const DetayScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () => context.go('/detay'),
          child: const Text('Detay'),
        ),
      ),
    );
  }
}

void main() {
  print('hazir');
}

Test yourself

What is the difference between context.go and context.push?
- go is async, push is sync
- go is faster, push is slower
- go replaces the stack, push adds on top of the stack
- go works only on Android, push only on iOS
Show answer

go replaces the stack, push adds on top of the stack — context.go replaces the stack (no way back), context.push adds on top of the stack (can go back with context.pop). Speed, platform, and async/sync differences are irrelevant.

context.go call

ElevatedButton(
  onPressed: () {
    ____;
  },
  child: const Text('Ayarlar'),
)

Show answer

ElevatedButton(
  onPressed: () {
    context.go('/ayarlar');
  },
  child: const Text('Ayarlar'),
)

Navigation methods

context.go

Replaces the stack
context.push

Adds to the stack
context.pop

Goes back
GoRouter

The router

Next lesson: URL parameters

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies