Flutter Web浏览器返回按钮导航异常问题求助

我在Flutter Web应用中遇到浏览器返回按钮导航功能异常的问题：从第二页返回第一页后，无法直接通过浏览器返回按钮回到首页，必须点击屏幕任意位置后才能正常返回。该问题仅出现在Flutter Web端，Android应用运行正常。

复现步骤 #

• 从首页进入第一页
• 从第一页进入第二页
• 通过浏览器返回按钮返回至第一页
• 此时点击浏览器返回按钮无法回到首页，点击屏幕任意位置后再次点击返回按钮才能正常返回

相关代码 #

import 'package:flutter/material.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
      title: 'Genistree',
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.yellowAccent,
        child: ElevatedButton(onPressed: () {
          // Get.to(FirstPage());
          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) => FirstPage(),
            ),
          );
        }, child: Text("Go to 1st page")),
      ),
    );
  }
}

class FirstPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.blue,
        child: ElevatedButton(onPressed: () {
          // Get.to(SecondPage());
          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) => SecondPage(),
            ),
          );
        }, child: Text("Go to 2st page")),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.red,
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者woywie87