如何从Android Activity跳转Flutter页面时避免导航栈前屏过渡

问题现象 #

从FlutterScreenA（InitView）通过MethodChannel跳转到AndroidActivityA，再从AndroidActivityA跳转至FlutterScreenB（SecondView）时，会短暂出现FlutterScreenA的画面后才切换到FlutterScreenB。

问题根源 #

当AndroidActivityA调用finish()返回Flutter侧时，Flutter引擎会先恢复后台保留的FlutterScreenA页面，同时执行pushRoute("secondView")在导航栈中添加新页面，两者的时序差导致了原页面的短暂闪现。

解决方案 #

方案1：使用replaceRoute替换路由（Android侧修改） #

将AndroidActivityA中调用的pushRoute替换为replaceRoute，该方法会直接替换Flutter导航栈的当前页面（FlutterScreenA）为目标页面（FlutterScreenB），避免原页面被恢复显示：

修改AndroidActivityA.kt中的点击事件代码：

closeButton.setOnClickListener {
    // 替换路由而非添加新路由
    MainActivity.engine.navigationChannel.replaceRoute("secondView")
    finish()
}

方案2：Flutter侧跳转前移除原页面 #

在FlutterScreenA调用MethodChannel启动AndroidActivityA后，立即将当前页面从导航栈中移除，这样当AndroidActivityA返回时，Flutter导航栈中无原页面，新页面会直接显示：

修改main.dart中InitView的按钮点击逻辑：

TextButton(
    onPressed: () async {
        await AppChannel.instance.appMethodChannel.invokeMethod('toScreen');
        // 确保组件已挂载再执行导航操作
        if (mounted) {
            Navigator.of(context).pop();
        }
    },
    child: const Text("Go"),
)

验证说明 #

两种方案均可解决原页面闪现问题：

• 方案1更直接，通过Flutter引擎的导航API替换路由，无需修改Flutter侧导航逻辑
• 方案2通过清理Flutter导航栈，从根源避免原页面被恢复显示

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