如何在集成Flutter模块的Android应用中从Flutter页面导航至原生页面？

嘿，我来帮你搞定从Flutter页面跳回原生Android页面的需求！这里有两种实用的方案，你可以根据自己的场景选择：

方案1：快速返回上一个原生页面（简单场景） #

如果你的需求只是关闭Flutter页面，回到之前打开它的原生页面，直接用Flutter自带的SystemNavigator.pop()就可以了，不需要额外配置原生代码：

修改你的Main.dart中按钮的点击事件：

import 'package:flutter/services.dart'; // 别忘了导入这个包

// ... 其他代码不变

RaisedButton(
  onPressed: (){
    SystemNavigator.pop(); // 直接关闭Flutter页面，回到上一个原生页面
  },
  child: Text('Navigate to Android'),
),

这种方式适合简单的返回场景，比如从原生跳Flutter，再从Flutter回到原生的启动页。

方案2：跳转到指定的原生页面（灵活场景） #

如果需要跳转到任意指定的原生Activity（不是仅仅返回上一页），就得用Flutter和原生的通信桥梁——MethodChannel来实现，步骤如下：

步骤1：在Android端配置MethodChannel #

首先创建一个自定义的FlutterActivity，用来注册通信通道并处理Flutter的导航请求：

// 创建CustomFlutterActivity.java
import android.content.Intent;
import io.flutter.embedding.android.FlutterActivity;
import io.flutter.embedding.engine.FlutterEngine;
import io.flutter.plugin.common.MethodChannel;

public class CustomFlutterActivity extends FlutterActivity {
    // 自定义通信通道名称，必须和Flutter端保持一致
    private static final String CHANNEL = "com.example.navigation/native";

    @Override
    public void configureFlutterEngine(FlutterEngine flutterEngine) {
        super.configureFlutterEngine(flutterEngine);
        // 注册MethodChannel并设置回调
        new MethodChannel(flutterEngine.getDartExecutor().getBinaryMessenger(), CHANNEL)
                .setMethodCallHandler((call, result) -> {
                    // 处理Flutter发来的"navigateToNative"请求
                    if (call.method.equals("navigateToNative")) {
                        // 这里替换成你要启动的原生Activity，比如MainActivity或者其他自定义页面
                        Intent intent = new Intent(this, MainActivity.class);
                        startActivity(intent);
                        // 可选：如果不需要保留Flutter页面，可以调用finish()关闭它
                        finish();
                        // 给Flutter返回成功信息
                        result.success("已跳转到原生页面");
                    } else {
                        // 如果收到未实现的方法，返回错误
                        result.notImplemented();
                    }
                });
    }
}

然后修改原来MainActivity.java中启动Flutter的代码，用自定义的CustomFlutterActivity代替默认的：

btn1.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 替换原来的FlutterActivity.createDefaultIntent
        startActivity(new Intent(v.getContext(), CustomFlutterActivity.class));
    }
});

步骤2：在Flutter端调用MethodChannel #

修改Main.dart，创建MethodChannel并在按钮点击时触发导航请求：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            title: 'Flutter Demo',
            theme: ThemeData(primarySwatch: Colors.blue),
            home: MyHomePage(),
        );
    }
}

class MyHomePage extends StatefulWidget {
    @override
    _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
    // 和原生端一致的通道名称
    static const platform = MethodChannel('com.example.navigation/native');

    // 定义跳转方法
    Future<void> _navigateToNativePage() async {
        try {
            // 调用原生的"navigateToNative"方法
            final String result = await platform.invokeMethod('navigateToNative');
            print(result); // 打印原生返回的结果
        } on PlatformException catch (e) {
            print("跳转失败: ${e.message}");
        }
    }

    @override
    Widget build(BuildContext context) {
        return Scaffold(
            appBar: AppBar(title: Text('Demo')),
            body: Center(
                child: RaisedButton(
                    onPressed: _navigateToNativePage,
                    child: Text('Navigate to Android'),
                ),
            ),
        );
    }
}

额外说明：传递参数 #

如果需要给原生页面传递数据（比如用户ID、参数等），可以在调用invokeMethod时添加参数：

// Flutter端传递参数
await platform.invokeMethod('navigateToNative', {'userId': 123, 'username': 'test'});

然后在Android端获取参数：

// Android端获取参数
int userId = call.argument("userId");
String username = call.argument("username");
// 可以把参数放到Intent里传递给目标Activity
intent.putExtra("userId", userId);

这样就能实现带参数的跨端导航了！

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