I am developing a Flutter web application and encountering an issue where the web browser back button disabling unexpectedly when using the browser's back button to navigate back through the navigation stack. This issue occurs when I am three pages deep into my navigation and attempt to return to the previous page. Here's the relevant part of my code where I configure my routes and navigation:
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'my_theme.dart';
import 'providers.dart';
import 'screens.dart';
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
ChangeNotifierProvider(create: (context) => SignInProvider()),
ChangeNotifierProvider(create: (context) => InternetProvider()),
ChangeNotifierProvider(create: (context) => ThemeProvider()),
],
child: Consumer<ThemeProvider>(
builder: (context, themeProvider, _) {
return MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => HomeScreen(),
'/Backcheck1': (context) => Backcheck(),
'/Back2': (context) => Back2(),
'/Back3': (context) => Back3(),
},
themeMode: themeProvider.themeMode,
theme: MyTheme.lightTheme(context),
darkTheme: MyTheme.darkTheme(context),
debugShowCheckedModeBanner: false,
);
},
),
);
}
}
void main() async {
WidgetsFlutterBinding.ensureInitialized();
runApp(const MyApp());
}
When I navigate from HomeScreen to Back3 and then press the browser's back button, it successfully returns to Back2 but at the back2 cannot click web browser back button because back button disabled How i fix that issue ?