navigate without context flutter

YOU.com answered on September 11, 2023 Popularity 8/10 Helpfulness 4/10

answer navigate without context flutter

navigate without context flutter

Comment

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

final navigatorKey = GlobalKey<NavigatorState>();

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Navigation without Context',
      navigatorKey: navigatorKey,
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Open Details Screen'),
          onPressed: () {
            // Navigating to DetailsScreen without context
            navigatorKey.currentState!.push(
              MaterialPageRoute(
                builder: (context) => DetailsScreen(),
              ),
            );
          },
        ),
      ),
    );
  }
}

class DetailsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Details Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Go Back'),
          onPressed: () {
            // Going back to the previous screen without context
            navigatorKey.currentState!.pop();
          },
        ),
      ),
    );
  }
}

Popularity 8/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

navigate without context flutter

Contents

More Related Answers

navigate without context flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.