devbox
小丑西瓜9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Flutter 和 Android原生（Activity、Fragment）相互跳转、传参_flutter跳转原生activity

作者：小丑西瓜9 | 2024-06-04 02:05:28

赞

踩

flutter跳转原生activity

前言

本文主要讲解 Flutter 和 Android原生之间，页面相互跳转、传参，

但其中用到了两端相互通信的知识，非常建议先看完这篇 讲解通信的文章：

Flutter 与 Android原生 相互通信：BasicMessageChannel、MethodChannel、EventChannel_flutter eventchannel methodchannel basemessagechan-CSDN博客

当前案例 Flutter SDK版本：3.13.2

Flutter使用多个轻量型引擎，进行混合开发，是从 2.0 开始的，大大的减轻了内存压力；

轻量型引擎开发-官方介绍视频：https://www.youtube.com/watch?v=p6cK_0jp2ag

Flutter和原生端的关系

混合路由栈

如果是纯Flutter开发，只会有一个Flutter引擎，如果是混合开发，原生端 需要为每个从原生端跳转的Flutter页面创建独立的引擎 (也可以单例，但单例写法需要处理一些问题，这个到 FlutterEngineGroup 章节会具体讲解)；

比如：

1.0 从 Android_A页面  ==== 跳转到 ==== Flutter_A页面，Android端需要为Flutter_A页面，创建Flutter引擎；

1.1 紧接着，从 Flutter_A页面 ==== 跳转到 ==== Flutter_B页面，就不需要，它俩共用一个引擎；

1.2 每个Flutter引擎都有自己的路由栈，且这个路由栈只能管理Flutter页面；

1.3 使用Flutter提供的 Navigator.pop(context); 方法，可以从 Flutter_B页面 回退到 Flutter_A页面，但无法从 Flutter_A页面 回退到 Android_A，会黑屏，因为Flutter栈里面没有Android页面，可以使用 Navigator.canPop(context); 来检查Flutter路由栈中，是否还有其他路由；

1.4 如果不使用 Navigator.pop(context); 回退方法，使用手机自带的 Back按键 / 左滑屏幕 进行回退，是没有问题的，因为这种回退方式调用的是原生API，Android原生不光提供FlutterView渲染Flutter页面结果，还会创建FlutterActivity和FlutterView进行绑定；

1.5 看到这，大家应该理解，为什么说Flutter只是UI框架了吧；

Android 和 Flutter 跳转

Android 跳转 Flutter

Flutter 跳转 Android

效果图

Android代码

FlutterRouterManager.kt

  1. package com.example.flutter_nav_android.util
  2.  
  3. import android.app.Activity
  4. import io.flutter.embedding.android.FlutterActivity
  5. import io.flutter.embedding.android.FlutterActivityLaunchConfigs
  6. import io.flutter.embedding.engine.FlutterEngine
  7. import io.flutter.embedding.engine.FlutterEngineCache
  8. import io.flutter.embedding.engine.dart.DartExecutor
  9.  
  10. class FlutterRouterManager(
  11.     val targetRoute: String,
  12.     val mEngineId: String,
  13.     val mContext: Activity
  14. ) {
  15.  
  16.     var mEngine: FlutterEngine? = null
  17.  
  18.     init {
  19.         createCachedEngine()
  20.     }
  21.  
  22.     companion object {
  23.  
  24.         /**
  25.          * 获取缓存中的 Flutter引擎
  26.          */
  27.         @JvmStatic
  28.         fun getEngineCacheInstance(engineId: String): FlutterEngine? {
  29.             return FlutterEngineCache.getInstance().get(engineId)
  30.         }
  31.  
  32.     }
  33.  
  34.     /**
  35.      * 1、创建Flutter引擎
  36.      * 2、将初始命名路由，修改为目标页面路由
  37.      * 3、缓存Flutter引擎
  38.      */
  39.     fun createCachedEngine(): FlutterEngine {
  40.         val flutterEngine = FlutterEngine(mContext) // 创建Flutter引擎
  41.  
  42.         // 将初始命名路由，修改为目标页面路由
  43.         flutterEngine.navigationChannel.setInitialRoute(targetRoute)
  44.  
  45.         // 这一步，是在执行相关Dart文件入口的 main函数，将Flutter页面渲染出结果
  46.         // 原生端获取结果，进行最终渲染上屏
  47.         flutterEngine.dartExecutor.executeDartEntrypoint(
  48.             DartExecutor.DartEntrypoint.createDefault()
  49.         )
  50.  
  51.         // 将加载好的引擎，存储起来
  52.         FlutterEngineCache.getInstance().put(mEngineId, flutterEngine)
  53.  
  54.         mEngine = flutterEngine
  55.  
  56.         return flutterEngine
  57.     }
  58.  
  59.     /**
  60.      * 根据引擎ID，前往指定的Flutter页面
  61.      */
  62.     fun push() {
  63.         // 创建新的引擎（了解即可）
  64.         // mContext.startActivity(
  65.         //    FlutterActivity
  66.         //        .withNewEngine() // 创建引擎
  67.         //        .backgroundMode(FlutterActivityLaunchConfigs.BackgroundMode.transparent) // 背景改为透明，不然切换页面时，会闪烁黑色
  68.         //        .build(mContext))
  69.  
  70.         // 使用缓存好的引擎（推荐）
  71.         mContext.startActivity(
  72.             FlutterActivity
  73.                 .withCachedEngine(mEngineId) // 获取缓存好的引擎
  74.                 .backgroundMode(FlutterActivityLaunchConfigs.BackgroundMode.transparent) // 背景改为透明，不然切换页面时，会闪烁黑色
  75.                 .build(mContext)
  76.         )
  77.     }
  78.  
  79.     /**
  80.      * 销毁当前Flutter引擎
  81.      */
  82.     fun destroy() {
  83.         mEngine?.destroy()
  84.     }
  85.  
  86. }

PersonalActivity.kt

  1. package com.example.flutter_nav_android.ui.activity
  2.  
  3. import android.graphics.Color
  4. import android.os.Bundle
  5. import android.text.SpannableString
  6. import android.text.Spanned
  7. import android.text.style.ForegroundColorSpan
  8. import android.view.View
  9. import androidx.appcompat.app.AppCompatActivity
  10. import com.example.flutter_nav_android.databinding.ActivityPersonalBinding
  11. import com.example.flutter_nav_android.util.FlutterRouterManager
  12. import io.flutter.embedding.engine.FlutterEngine
  13. import io.flutter.plugin.common.MethodCall
  14. import io.flutter.plugin.common.MethodChannel
  15.  
  16. class PersonalActivity : AppCompatActivity(), MethodChannel.MethodCallHandler, View.OnClickListener {
  17.  
  18.     private lateinit var bind: ActivityPersonalBinding
  19.  
  20.     private lateinit var homeFlutterEngine: FlutterEngine
  21.     private lateinit var loginRouterManager: FlutterRouterManager
  22.  
  23.     private lateinit var loginMethodChannel: MethodChannel
  24.     private lateinit var homeMethodChannel: MethodChannel
  25.  
  26.     private val METHOD_CHANNEL_LOGIN = "com.example.flutter_nav_android/login/method"
  27.     private val METHOD_CHANNEL_HOME = "com.example.flutter_nav_android/home/method"
  28.     private val NAV_FLUTTER_LOGIN_NOTICE = "navFlutterLoginNotice"
  29.     private val POP_NOTICE = "popNotice"
  30.     private val PERSONAL_POP_NOTICE = "personalPopNotice"
  31.  
  32.     override fun onCreate(savedInstanceState: Bundle?) {
  33.         super.onCreate(savedInstanceState)
  34.         bind = ActivityPersonalBinding.inflate(layoutInflater)
  35.         setContentView(bind.root)
  36.         initView()
  37.  
  38.         loginRouterManager = FlutterRouterManager("/login", "login_engine", this)
  39.  
  40.         // 两端建立通信
  41.         loginMethodChannel = MethodChannel(loginRouterManager.mEngine!!.dartExecutor, METHOD_CHANNEL_LOGIN)
  42.         loginMethodChannel.setMethodCallHandler(this)
  43.  
  44.         // 获取 Flutter Home页面的引擎，并且建立通信
  45.         homeFlutterEngine = FlutterRouterManager.getEngineCacheInstance("home_engine")!!
  46.         homeMethodChannel = MethodChannel(homeFlutterEngine.dartExecutor,METHOD_CHANNEL_HOME)
  47.     }
  48.  
  49.     /**
  50.      * 监听来自 Flutter端 的消息通道
  51.      *
  52.      * call： Android端 接收到 Flutter端 发来的 数据对象
  53.      * result：Android端 给 Flutter端 执行回调的接口对象
  54.      */
  55.     override fun onMethodCall(call: MethodCall, result: MethodChannel.Result) {
  56.         val methodName: String = call.method
  57.         when (methodName) { // 销毁 Flutter Login 页面
  58.             POP_NOTICE -> {
  59.                 val age = call.argument<Int>("age")
  60.                 getResult(age.toString())
  61.                 loginRouterManager.mEngine!!.navigationChannel.popRoute()
  62.             }
  63.             else -> {
  64.                 result.notImplemented()
  65.             }
  66.         }
  67.     }
  68.  
  69.     override fun onClick(v: View?) {
  70.         when (v) {
  71.             bind.toFlutter -> { // 前往 Flutter Login 页面
  72.                 val map: MutableMap<String, String> = mutableMapOf<String, String>()
  73.                 map["name"] = "老王"
  74.                 loginMethodChannel.invokeMethod(NAV_FLUTTER_LOGIN_NOTICE,map)
  75.                 loginRouterManager.push()
  76.             }
  77.             bind.pop -> { // 销毁 Android Personal 页面
  78.                 val map: MutableMap<String, Int> = mutableMapOf<String, Int>()
  79.                 map["age"] = 18
  80.                 homeMethodChannel.invokeMethod(PERSONAL_POP_NOTICE,map)
  81.                 finish()
  82.             }
  83.         }
  84.     }
  85.  
  86.     /**
  87.      * 初始化页面
  88.      */
  89.     private fun initView() {
  90.         bind.toFlutter.setOnClickListener(this)
  91.         bind.pop.setOnClickListener(this)
  92.  
  93.         var name = intent.getStringExtra("name")
  94.         val title = "接收初始化参数："
  95.         val msg = title + name
  96.  
  97.         val ss = SpannableString(msg)
  98.         ss.setSpan(
  99.             ForegroundColorSpan(Color.RED),
  100.             title.length,
  101.             msg.length,
  102.             Spanned.SPAN_INCLUSIVE_EXCLUSIVE
  103.         )
  104.         bind.initV.text = ss
  105.     }
  106.  
  107.     /**
  108.      * 获取上一页的返回参数
  109.      */
  110.     private fun getResult(age: String) {
  111.         val title = "接收上一页返回参数："
  112.         val msg = title + age
  113.  
  114.         val ss = SpannableString(msg)
  115.         ss.setSpan(
  116.             ForegroundColorSpan(Color.RED),
  117.             title.length,
  118.             msg.length,
  119.             Spanned.SPAN_INCLUSIVE_EXCLUSIVE
  120.         )
  121.         bind.resultV.text = ss
  122.     }
  123.  
  124.     override fun onDestroy() {
  125.         super.onDestroy()
  126.         loginRouterManager.destroy()
  127.     }
  128.  
  129. }

SchoolActivity.kt

  1. package com.example.flutter_nav_android.ui.activity
  2.  
  3. import android.content.Intent
  4. import android.os.Bundle
  5. import androidx.appcompat.app.AppCompatActivity
  6. import com.example.flutter_nav_android.databinding.ActivitySchoolBinding
  7. import com.example.flutter_nav_android.util.FlutterRouterManager
  8. import io.flutter.embedding.android.FlutterFragment
  9. import io.flutter.embedding.android.TransparencyMode
  10. import io.flutter.embedding.engine.FlutterEngineCache
  11. import io.flutter.plugin.common.MethodChannel
  12.  
  13.  
  14. class SchoolActivity : AppCompatActivity() {
  15.  
  16.     private lateinit var bind: ActivitySchoolBinding
  17.     private lateinit var bookFragment: FlutterFragment
  18.     private lateinit var studentFragment: FlutterFragment
  19.  
  20.     private val METHOD_CHANNEL_BOOK = "com.example.flutter_nav_android/book/method"
  21.     private val METHOD_CHANNEL_STUDENT = "com.example.flutter_nav_android/student/method"
  22.  
  23.     private val NAV_FLUTTER_BOOK_NOTICE = "navFlutterBookNotice"
  24.     private val NAV_FLUTTER_STUDENT_NOTICE = "navFlutterStudentNotice"
  25.  
  26.     override fun onCreate(savedInstanceState: Bundle?) {
  27.         super.onCreate(savedInstanceState)
  28.         bind = ActivitySchoolBinding.inflate(layoutInflater)
  29.         setContentView(bind.root)
  30.         initView()
  31.         initChannel()
  32.     }
  33.  
  34.     /**
  35.      * 建立通信
  36.      */
  37.     private fun initChannel() {
  38.         val bookEngine = FlutterRouterManager.getEngineCacheInstance("book_engine")
  39.         val bookChannel = MethodChannel(bookEngine!!.dartExecutor,METHOD_CHANNEL_BOOK)
  40.         val map: MutableMap<String, String> = mutableMapOf<String, String>()
  41.         map["title"] = "Book"
  42.         bookChannel.invokeMethod(NAV_FLUTTER_BOOK_NOTICE,map)
  43.  
  44.         val studentEngine = FlutterRouterManager.getEngineCacheInstance("student_engine")
  45.         val studentChannel = MethodChannel(studentEngine!!.dartExecutor,METHOD_CHANNEL_STUDENT)
  46.         val map2: MutableMap<String, String> = mutableMapOf<String, String>()
  47.         map2["title"] = "Student"
  48.         studentChannel.invokeMethod(NAV_FLUTTER_STUDENT_NOTICE,map2)
  49.     }
  50.  
  51.     /**
  52.      * 初始化页面
  53.      */
  54.     private fun initView() {
  55.         bookFragment = FlutterFragment.withCachedEngine("book_engine")
  56.             .transparencyMode(TransparencyMode.transparent) // 背景透明，避免切换页面，出现闪烁
  57.             .shouldAttachEngineToActivity(false) // 是否让Flutter控制Activity，true：可以 false：不可以，默认值 true
  58.             .build()
  59.  
  60.         supportFragmentManager
  61.             .beginTransaction()
  62.             .add(bind.bookFragment.id, bookFragment)
  63.             .commit()
  64.  
  65.         studentFragment = FlutterFragment.withCachedEngine("student_engine")
  66.             .transparencyMode(TransparencyMode.transparent) // 背景透明，避免切换页面，出现闪烁
  67.             .shouldAttachEngineToActivity(false) // 是否让Flutter控制Activity，true：可以 false：不可以，默认值 true
  68.             .build()
  69.  
  70.         supportFragmentManager
  71.             .beginTransaction()
  72.             .add(bind.studentFragment.id, studentFragment)
  73.             .commit()
  74.     }
  75.  
  76.     // ================================ 这些是固定写法，Flutter需要这些回调 ================================
  77.  
  78.     override fun onPostResume() {
  79.         super.onPostResume()
  80.         bookFragment.onPostResume()
  81.         studentFragment.onPostResume()
  82.     }
  83.  
  84.     override fun onNewIntent(intent: Intent) {
  85.         super.onNewIntent(intent)
  86.         bookFragment.onNewIntent(intent)
  87.         studentFragment.onNewIntent(intent)
  88.     }
  89.  
  90.     override fun onBackPressed() {
  91.         bookFragment.onBackPressed()
  92.         studentFragment.onBackPressed()
  93.     }
  94.  
  95.     override fun onRequestPermissionsResult(
  96.         requestCode: Int,
  97.         permissions: Array<String?>,
  98.         grantResults: IntArray
  99.     ) {
  100.         super.onRequestPermissionsResult(requestCode, permissions, grantResults)
  101.         bookFragment.onRequestPermissionsResult(
  102.             requestCode,
  103.             permissions,
  104.             grantResults
  105.         )
  106.         studentFragment.onRequestPermissionsResult(
  107.             requestCode,
  108.             permissions,
  109.             grantResults
  110.         )
  111.     }
  112.  
  113.     override fun onUserLeaveHint() {
  114.         bookFragment.onUserLeaveHint()
  115.         studentFragment.onUserLeaveHint()
  116.     }
  117.  
  118.     override fun onTrimMemory(level: Int) {
  119.         super.onTrimMemory(level)
  120.         bookFragment.onTrimMemory(level)
  121.         studentFragment.onTrimMemory(level)
  122.     }
  123.  
  124. }

MainActivity.kt

  1. package com.example.flutter_nav_android.ui.activity
  2.  
  3. import android.content.Intent
  4. import android.graphics.Color
  5. import android.text.SpannableString
  6. import android.text.Spanned
  7. import android.text.style.ForegroundColorSpan
  8. import android.view.View
  9. import androidx.appcompat.app.AppCompatActivity
  10. import com.example.flutter_nav_android.databinding.ActivityMainBinding
  11. import com.example.flutter_nav_android.util.FlutterRouterManager
  12. import io.flutter.plugin.common.MethodCall
  13. import io.flutter.plugin.common.MethodChannel
  14.  
  15.  
  16. class MainActivity : AppCompatActivity(), MethodChannel.MethodCallHandler, View.OnClickListener {
  17.  
  18.     private lateinit var bind: ActivityMainBinding
  19.  
  20.     private lateinit var homeMethodChannel: MethodChannel
  21.  
  22.     private val METHOD_CHANNEL_HOME = "com.example.flutter_nav_android/home/method"
  23.     private val NAV_ANDROID_PERSONAL_NOTICE = "navAndroidPersonalNotice"
  24.     private val NAV_FLUTTER_HOME_NOTICE = "navFlutterHomeNotice"
  25.     private val POP_NOTICE = "popNotice"
  26.  
  27.     private lateinit var homeRouterManager: FlutterRouterManager
  28.     private lateinit var bookRouterManager: FlutterRouterManager
  29.     private lateinit var studentRouterManager: FlutterRouterManager
  30.  
  31.     override fun onCreate(savedInstanceState: android.os.Bundle?) {
  32.         super.onCreate(savedInstanceState)
  33.         bind = ActivityMainBinding.inflate(layoutInflater)
  34.         setContentView(bind.root)
  35.         bind.toFlutter.setOnClickListener(this)
  36.         bind.toFlutterFragment.setOnClickListener(this)
  37.  
  38.         homeRouterManager = FlutterRouterManager("/home", "home_engine", this)
  39.  
  40.         // 两端建立通信
  41.         homeMethodChannel = MethodChannel(homeRouterManager.mEngine!!.dartExecutor,METHOD_CHANNEL_HOME)
  42.         homeMethodChannel.setMethodCallHandler(this)
  43.  
  44.         // 这里Fragment案例的
  45.         bookRouterManager = FlutterRouterManager("/book", "book_engine", this)
  46.         studentRouterManager = FlutterRouterManager("/student", "student_engine", this)
  47.     }
  48.  
  49.     /**
  50.      * 监听来自 Flutter端 的消息通道
  51.      *
  52.      * call： Android端 接收到 Flutter端 发来的 数据对象
  53.      * result：Android端 给 Flutter端 执行回调的接口对象
  54.      */
  55.     override fun onMethodCall(call: MethodCall, result: MethodChannel.Result) {
  56.         val methodName: String = call.method
  57.         when (methodName) {
  58.             NAV_ANDROID_PERSONAL_NOTICE -> { // Flutter Home 页面 前往 Android Personal 页面
  59.                 val intent = Intent(this, PersonalActivity::class.java)
  60.                 intent.putExtra("name",call.argument<String>("name"))
  61.                 startActivity(intent)
  62.             }
  63.             POP_NOTICE -> { // 销毁 Flutter Home 页面
  64.                 val age = call.argument<Int>("age")
  65.                 getResult(age.toString())
  66.                 homeRouterManager.mEngine!!.navigationChannel.popRoute()
  67.             }
  68.             else -> {
  69.                 result.notImplemented()
  70.             }
  71.         }
  72.     }
  73.  
  74.     override fun onClick(v: View?) {
  75.         when (v) {
  76.             bind.toFlutter -> { // 前往 Flutter Home 页面
  77.                 val map: MutableMap<String, String> = mutableMapOf<String, String>()
  78.                 map["name"] = "张三"
  79.                 homeMethodChannel.invokeMethod(NAV_FLUTTER_HOME_NOTICE,map)
  80.                 homeRouterManager.push()
  81.             }
  82.             bind.toFlutterFragment -> {
  83.                 val intent = Intent(this, SchoolActivity::class.java)
  84.                 startActivity(intent)
  85.             }
  86.         }
  87.     }
  88.  
  89.     /**
  90.      * 获取上一页的返回参数
  91.      */
  92.     private fun getResult(age: String) {
  93.         val title = "接收上一页返回参数："
  94.         val msg = title + age
  95.  
  96.         val ss = SpannableString(msg)
  97.         ss.setSpan(
  98.             ForegroundColorSpan(Color.RED),
  99.             title.length,
  100.             msg.length,
  101.             Spanned.SPAN_INCLUSIVE_EXCLUSIVE
  102.         )
  103.         bind.resultV.text = ss
  104.     }
  105.  
  106.     override fun onDestroy() {
  107.         super.onDestroy()
  108.         homeRouterManager.destroy()
  109.         bookRouterManager.destroy()
  110.         studentRouterManager.destroy()
  111.     }
  112.  
  113. }

activity_personal.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto">
  4.  
  5.     <data>
  6.  
  7.     </data>
  8.  
  9.     <androidx.constraintlayout.widget.ConstraintLayout
  10.         android:layout_width="match_parent"
  11.         android:layout_height="match_parent">
  12.  
  13.         <TextView
  14.             android:id="@+id/app_bar"
  15.             android:layout_width="match_parent"
  16.             android:layout_height="60dp"
  17.             android:layout_marginBottom="16dp"
  18.             android:background="@color/cardview_shadow_start_color"
  19.             android:gravity="center_vertical"
  20.             android:paddingStart="16dp"
  21.             android:text="Android Personal"
  22.             android:textColor="@color/material_dynamic_primary60"
  23.             android:textSize="26sp"
  24.             android:textStyle="bold"
  25.             app:layout_constraintLeft_toLeftOf="parent"
  26.             app:layout_constraintTop_toTopOf="parent" />
  27.  
  28.         <TextView
  29.             android:id="@+id/init_v"
  30.             android:layout_width="wrap_content"
  31.             android:layout_height="wrap_content"
  32.             android:gravity="center_vertical"
  33.             android:text="接收初始化参数："
  34.             android:textColor="@color/material_dynamic_primary60"
  35.             android:textSize="20sp"
  36.             android:textStyle="bold"
  37.             app:layout_constraintBottom_toBottomOf="parent"
  38.             app:layout_constraintLeft_toLeftOf="parent"
  39.             app:layout_constraintRight_toRightOf="parent"
  40.             app:layout_constraintTop_toTopOf="parent" />
  41.  
  42.         <TextView
  43.             android:id="@+id/result_v"
  44.             android:layout_width="wrap_content"
  45.             android:layout_height="wrap_content"
  46.             android:layout_marginTop="20dp"
  47.             android:text="接收上一页返回参数："
  48.             android:textColor="@color/material_dynamic_primary60"
  49.             android:textSize="20sp"
  50.             android:textStyle="bold"
  51.             app:layout_constraintLeft_toLeftOf="parent"
  52.             app:layout_constraintRight_toRightOf="parent"
  53.             app:layout_constraintTop_toBottomOf="@id/init_v" />
  54.  
  55.         <Button
  56.             android:id="@+id/to_flutter"
  57.             android:layout_width="wrap_content"
  58.             android:layout_height="wrap_content"
  59.             android:layout_marginTop="20dp"
  60.             android:text="前往 Flutter Login"
  61.             android:textSize="20sp"
  62.             android:textAllCaps="false"
  63.             app:layout_constraintLeft_toLeftOf="parent"
  64.             app:layout_constraintRight_toRightOf="parent"
  65.             app:layout_constraintTop_toBottomOf="@id/result_v" />
  66.  
  67.         <Button
  68.             android:id="@+id/pop"
  69.             android:layout_width="wrap_content"
  70.             android:layout_height="wrap_content"
  71.             android:layout_marginTop="16dp"
  72.             android:text="返回 上一页"
  73.             android:textSize="20sp"
  74.             android:textAllCaps="false"
  75.             app:layout_constraintLeft_toLeftOf="parent"
  76.             app:layout_constraintRight_toRightOf="parent"
  77.             app:layout_constraintTop_toBottomOf="@id/to_flutter" />
  78.  
  79.     </androidx.constraintlayout.widget.ConstraintLayout>
  80.  
  81. </layout>

activity_school.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android">
  3.  
  4.     <data>
  5.  
  6.     </data>
  7.  
  8.     <LinearLayout
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent"
  11.         android:paddingTop="20dp"
  12.         android:orientation="vertical">
  13.  
  14.         <TextView
  15.             android:id="@+id/app_bar"
  16.             android:layout_width="match_parent"
  17.             android:layout_height="60dp"
  18.             android:background="@color/cardview_shadow_start_color"
  19.             android:gravity="center_vertical"
  20.             android:paddingStart="16dp"
  21.             android:text="Android School"
  22.             android:textColor="@color/material_dynamic_primary60"
  23.             android:textSize="26sp"
  24.             android:textStyle="bold" />
  25.  
  26.         <FrameLayout
  27.             android:id="@+id/book_fragment"
  28.             android:layout_weight="1"
  29.             android:layout_width="match_parent"
  30.             android:layout_height="0dp" />
  31.  
  32.         <FrameLayout
  33.             android:id="@+id/student_fragment"
  34.             android:layout_weight="1"
  35.             android:layout_width="match_parent"
  36.             android:layout_height="0dp" />
  37.  
  38.     </LinearLayout>
  39. </layout>

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto">
  4.  
  5.     <data>
  6.  
  7.     </data>
  8.  
  9.     <androidx.constraintlayout.widget.ConstraintLayout
  10.         android:layout_width="match_parent"
  11.         android:layout_height="match_parent">
  12.  
  13.         <TextView
  14.             android:id="@+id/app_bar"
  15.             android:layout_width="match_parent"
  16.             android:layout_height="60dp"
  17.             android:layout_marginBottom="16dp"
  18.             android:background="@color/cardview_shadow_start_color"
  19.             android:gravity="center_vertical"
  20.             android:paddingStart="16dp"
  21.             android:text="Android Main"
  22.             android:textColor="@color/material_dynamic_primary60"
  23.             android:textSize="26sp"
  24.             android:textStyle="bold"
  25.             app:layout_constraintLeft_toLeftOf="parent"
  26.             app:layout_constraintTop_toTopOf="parent" />
  27.  
  28.         <TextView
  29.             android:id="@+id/result_v"
  30.             android:layout_width="wrap_content"
  31.             android:layout_height="wrap_content"
  32.             android:gravity="center_vertical"
  33.             android:text="接收上一页返回参数："
  34.             android:textColor="@color/material_dynamic_primary60"
  35.             android:textSize="20sp"
  36.             android:textStyle="bold"
  37.             app:layout_constraintLeft_toLeftOf="parent"
  38.             app:layout_constraintTop_toTopOf="parent"
  39.             app:layout_constraintRight_toRightOf="parent"
  40.             app:layout_constraintBottom_toBottomOf="parent"/>
  41.  
  42.         <Button
  43.             android:id="@+id/to_flutter"
  44.             android:layout_width="wrap_content"
  45.             android:layout_height="wrap_content"
  46.             android:layout_marginTop="20dp"
  47.             android:text="前往 Flutter Home"
  48.             android:textSize="20sp"
  49.             android:textAllCaps="false"
  50.             app:layout_constraintLeft_toLeftOf="parent"
  51.             app:layout_constraintTop_toBottomOf="@id/result_v"
  52.             app:layout_constraintRight_toRightOf="parent" />
  53.  
  54.         <Button
  55.             android:id="@+id/to_flutter_fragment"
  56.             android:layout_width="wrap_content"
  57.             android:layout_height="wrap_content"
  58.             android:layout_marginTop="20dp"
  59.             android:text="前往 Flutter Fragment"
  60.             android:textSize="20sp"
  61.             android:textAllCaps="false"
  62.             app:layout_constraintLeft_toLeftOf="parent"
  63.             app:layout_constraintTop_toBottomOf="@id/to_flutter"
  64.             app:layout_constraintRight_toRightOf="parent" />
  65.  
  66.     </androidx.constraintlayout.widget.ConstraintLayout>
  67.  
  68. </layout>

AndroidManifest.xml

  1. <manifest xmlns:android="http://schemas.android.com/apk/res/android">
  2.  
  3.  
  4.     <application
  5.         android:name="${applicationName}"
  6.         android:icon="@mipmap/ic_launcher"
  7.         android:label="flutter_nav_android"
  8.         android:theme="@style/AppTheme">
  9.  
  10.         <activity
  11.             android:name="io.flutter.embedding.android.FlutterActivity"
  12.             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
  13.             android:hardwareAccelerated="true"
  14.             android:windowSoftInputMode="adjustResize" />
  15.  
  16.         <activity android:name=".ui.activity.SchoolActivity" android:exported="true"/>
  17.  
  18.         <activity android:name=".ui.activity.PersonalActivity" android:exported="true"/>
  19.  
  20.         <activity
  21.             android:name=".ui.activity.MainActivity"
  22.             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
  23.             android:exported="true"
  24.             android:hardwareAccelerated="true"
  25.             android:launchMode="singleTop"
  26.             android:windowSoftInputMode="adjustResize">
  27.             <!-- Specifies an Android theme to apply to this Activity as soon as
  28.                  the Android process has started. This theme is visible to the user
  29.                  while the Flutter UI initializes. After that, this theme continues
  30.                  to determine the Window background behind the Flutter UI. -->
  31.             <meta-data
  32.                 android:name="io.flutter.embedding.android.NormalTheme"
  33.                 android:resource="@style/NormalTheme" />
  34.             <intent-filter>
  35.                 <action android:name="android.intent.action.MAIN" />
  36.                 <category android:name="android.intent.category.LAUNCHER" />
  37.             </intent-filter>
  38.         </activity>
  39.         <!-- Don't delete the meta-data below.
  40.              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
  41.         <meta-data
  42.             android:name="flutterEmbedding"
  43.             android:value="2" />
  44.     </application>
  45.     <!-- Required to query activities that can process text, see:
  46.          https://developer.android.com/training/package-visibility?hl=en and
  47.          https://developer.android.com/reference/android/content/Intent#ACTION_PROCESS_TEXT.
  49.          In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
  50.     <queries>
  51.         <intent>
  52.             <action android:name="android.intent.action.PROCESS_TEXT" />
  53.             <data android:mimeType="text/plain" />
  54.         </intent>
  55.     </queries>
  56. </manifest>

Flutter代码

book.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter/services.dart';
  3.  
  4. class Book extends StatefulWidget {
  5.   const Book({super.key});
  6.  
  7.   @override
  8.   State<Book> createState() => _BookState();
  9. }
  10.  
  11. class _BookState extends State<Book> {
  12.  
  13.   String title = '';
  14.  
  15.   static const String METHOD_CHANNEL_BOOK = 'com.example.flutter_nav_android/book/method';
  16.   static const String NAV_FLUTTER_BOOK_NOTICE = 'navFlutterBookNotice';
  17.  
  18.   @override
  19.   void initState() {
  20.     super.initState();
  21.     MethodChannel bookMethodChannel = const MethodChannel(METHOD_CHANNEL_BOOK);
  22.     bookMethodChannel.setMethodCallHandler(methodHandler);
  23.   }
  24.  
  25.   /// 监听来自 Android端 的消息通道
  26.   /// Android端调用了函数，这个handler函数就会被触发
  27.   Future<dynamic> methodHandler(MethodCall call) async {
  28.     final String methodName = call.method;
  29.     switch (methodName) {
  30.       case NAV_FLUTTER_BOOK_NOTICE: // 进入当前页面
  31.         {
  32.           title = call.arguments['title'];
  33.           setState(() {});
  34.           return 0;
  35.         }
  36.       default:
  37.         {
  38.           return PlatformException(
  39.               code: '-1',
  40.               message: '未找到Flutter端具体实现函数',
  41.               details: '具体描述'); // 返回给Android端
  42.         }
  43.     }
  44.   }
  45.  
  46.   @override
  47.   Widget build(BuildContext context) {
  48.     return Scaffold(
  49.       backgroundColor: Colors.amberAccent,
  50.       body: Container(
  51.         width: MediaQuery.of(context).size.width,
  52.         height: MediaQuery.of(context).size.height,
  53.         alignment: Alignment.center,
  54.         child: Text(
  55.           'Flutter $title',
  56.           style: const TextStyle(
  57.             fontWeight: FontWeight.bold,
  58.             color: Colors.red,
  59.             fontSize: 20,
  60.           ),
  61.         ),
  62.       ),
  63.     );
  64.   }
  65.  
  66. }

home.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter/services.dart';
  3.  
  4. class Home extends StatefulWidget {
  5.   const Home({super.key});
  6.  
  7.   @override
  8.   State<Home> createState() => _HomeState();
  9. }
  10.  
  11. class _HomeState extends State<Home> {
  12.   late MethodChannel homeMethodChannel;
  13.  
  14.   String name = '';
  15.   String age = '';
  16.  
  17.   static const String METHOD_CHANNEL_HOME = 'com.example.flutter_nav_android/home/method';
  18.   static const String NAV_ANDROID_PERSONAL_NOTICE = 'navAndroidPersonalNotice';
  19.   static const String NAV_FLUTTER_HOME_NOTICE = 'navFlutterHomeNotice';
  20.   static const String POP_NOTICE = 'popNotice';
  21.   static const String PERSONAL_POP_NOTICE = 'personalPopNotice';
  22.  
  23.   @override
  24.   void initState() {
  25.     super.initState();
  26.     homeMethodChannel = const MethodChannel(METHOD_CHANNEL_HOME);
  27.     homeMethodChannel.setMethodCallHandler(methodHandler);
  28.   }
  29.  
  30.   /// 监听来自 Android端 的消息通道
  31.   /// Android端调用了函数，这个handler函数就会被触发
  32.   Future<dynamic> methodHandler(MethodCall call) async {
  33.     final String methodName = call.method;
  34.     switch (methodName) {
  35.       case NAV_FLUTTER_HOME_NOTICE: // 进入当前页面
  36.         {
  37.           name = call.arguments['name'];
  38.           setState(() {});
  39.           return 0;
  40.         }
  41.       case PERSONAL_POP_NOTICE: // Android Personal 页面 销毁了
  42.         {
  43.           age = '${call.arguments['age']}';
  44.           setState(() {});
  45.           return 0;
  46.         }
  47.       default:
  48.         {
  49.           return PlatformException(
  50.               code: '-1',
  51.               message: '未找到Flutter端具体实现函数',
  52.               details: '具体描述'); // 返回给Android端
  53.         }
  54.     }
  55.   }
  56.  
  57.   /// 销毁当前页面
  58.   popPage() {
  59.     if (Navigator.canPop(context)) { // 检查Flutter路由栈中，是否还有其他路由
  60.       Navigator.pop(context);
  61.     } else {
  62.       Map<String, int> map = {'age': 12};
  63.       homeMethodChannel.invokeMethod(POP_NOTICE, map);
  64.     }
  65.   }
  66.  
  67.   /// 前往 Android Personal 页面
  68.   navAndroidPersonal() {
  69.     Map<String, String> map = {'name': '李四'};
  70.     homeMethodChannel.invokeMethod(NAV_ANDROID_PERSONAL_NOTICE, map);
  71.   }
  72.  
  73.   @override
  74.   Widget build(BuildContext context) {
  75.     return Scaffold(
  76.       appBar: AppBar(
  77.           backgroundColor: Colors.blue,
  78.           title: const Text(
  79.             'Flutter Home',
  80.             style: TextStyle(
  81.                 fontWeight: FontWeight.w500,
  82.                 fontSize: 26,
  83.                 color: Colors.yellow),
  84.           )),
  85.       body: SizedBox(
  86.         width: MediaQuery.of(context).size.width,
  87.         height: MediaQuery.of(context).size.height,
  88.         child: Column(
  89.           mainAxisAlignment: MainAxisAlignment.center,
  90.           crossAxisAlignment: CrossAxisAlignment.center,
  91.           children: [
  92.             Padding(
  93.               padding: const EdgeInsets.only(bottom: 16),
  94.               child: RichText(
  95.                   text: TextSpan(
  96.                       text: '接收初始化参数：',
  97.                       style: const TextStyle(color: Colors.black, fontSize: 20),
  98.                       children: [
  99.                     TextSpan(
  100.                       text: name,
  101.                       style: const TextStyle(color: Colors.red,fontWeight: FontWeight.bold),
  102.                     )
  103.                   ])),
  104.             ),
  105.             Padding(
  106.               padding: const EdgeInsets.only(bottom: 16),
  107.               child: RichText(
  108.                   text: TextSpan(
  109.                       text: '接收上一页返回参数：',
  110.                       style: const TextStyle(color: Colors.black, fontSize: 20),
  111.                       children: [
  112.                     TextSpan(
  113.                       text: age,
  114.                       style: const TextStyle(color: Colors.red,fontWeight: FontWeight.bold),
  115.                     )
  116.                   ])),
  117.             ),
  118.             Padding(
  119.               padding: const EdgeInsets.only(bottom: 8),
  120.               child: ElevatedButton(
  121.                 onPressed: navAndroidPersonal,
  122.                 child: const Text(
  123.                   '前往 Android Personal',
  124.                   style: TextStyle(fontSize: 20),
  125.                 ),
  126.               ),
  127.             ),
  128.             ElevatedButton(
  129.               onPressed: popPage,
  130.               child: const Text(
  131.                 '返回 上一页',
  132.                 style: TextStyle(fontSize: 20),
  133.               ),
  134.             ),
  135.           ],
  136.         ),
  137.       ),
  138.     );
  139.   }
  140. }

login.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter/services.dart';
  3.  
  4. class Login extends StatefulWidget {
  5.   const Login({super.key});
  6.  
  7.   @override
  8.   State<Login> createState() => _LoginState();
  9. }
  10.  
  11. class _LoginState extends State<Login> {
  12.   late MethodChannel loginMethodChannel;
  13.  
  14.   String name = '';
  15.  
  16.   final String METHOD_CHANNEL_LOGIN = 'com.example.flutter_nav_android/login/method';
  17.   static const String NAV_FLUTTER_LOGIN_NOTICE = 'navFlutterLoginNotice';
  18.   final String POP_NOTICE = 'popNotice';
  19.  
  20.   @override
  21.   void initState() {
  22.     super.initState();
  23.     loginMethodChannel = MethodChannel(METHOD_CHANNEL_LOGIN);
  24.     loginMethodChannel.setMethodCallHandler(methodHandler);
  25.   }
  26.  
  27.   /// 监听来自 Android端 的消息通道
  28.   /// Android端调用了函数，这个handler函数就会被触发
  29.   Future<dynamic> methodHandler(MethodCall call) async {
  30.     final String methodName = call.method;
  31.     switch (methodName) {
  32.       case NAV_FLUTTER_LOGIN_NOTICE: // 进入当前页面
  33.         {
  34.           name = call.arguments['name'];
  35.           setState(() {});
  36.           return 0;
  37.         }
  38.       default:
  39.         {
  40.           return PlatformException(code: '-1', message: '未找到Flutter端具体实现函数', details: '具体描述'); // 返回给Android端
  41.         }
  42.     }
  43.   }
  44.  
  45.   /// 销毁当前页面
  46.   popPage() {
  47.     if (Navigator.canPop(context)) { // 检查Flutter路由栈中，是否还有其他路由
  48.       Navigator.pop(context);
  49.     } else {
  50.       Map<String, int> map = {'age': 28};
  51.       loginMethodChannel.invokeMethod(POP_NOTICE, map);
  52.     }
  53.   }
  54.  
  55.   @override
  56.   Widget build(BuildContext context) {
  57.     return Scaffold(
  58.       appBar: AppBar(
  59.           backgroundColor: Colors.blue,
  60.           title: const Text(
  61.             'Flutter Login',
  62.             style: TextStyle(
  63.                 fontWeight: FontWeight.w500,
  64.                 fontSize: 26,
  65.                 color: Colors.yellow),
  66.           )),
  67.       body: SizedBox(
  68.         width: MediaQuery.of(context).size.width,
  69.         height: MediaQuery.of(context).size.height,
  70.         child: Column(
  71.           mainAxisAlignment: MainAxisAlignment.center,
  72.           crossAxisAlignment: CrossAxisAlignment.center,
  73.           children: [
  74.             Padding(
  75.               padding: const EdgeInsets.only(bottom: 16),
  76.               child: RichText(
  77.                   text: TextSpan(
  78.                       text: '接收初始化参数：',
  79.                       style: const TextStyle(color: Colors.black, fontSize: 20),
  80.                       children: [
  81.                     TextSpan(
  82.                       text: name,
  83.                       style: const TextStyle(color: Colors.red,fontWeight: FontWeight.bold),
  84.                     )
  85.                   ])),
  86.             ),
  87.             ElevatedButton(
  88.               onPressed: popPage,
  89.               child: const Text(
  90.                 '返回 上一页',
  91.                 style: TextStyle(fontSize: 20),
  92.               ),
  93.             ),
  94.           ],
  95.         ),
  96.       ),
  97.     );
  98.   }
  99. }

student.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter/services.dart';
  3.  
  4. class Student extends StatefulWidget {
  5.   const Student({super.key});
  6.  
  7.   @override
  8.   State<Student> createState() => _StudentState();
  9. }
  10.  
  11. class _StudentState extends State<Student> {
  12.  
  13.   String title = '';
  14.  
  15.   static const String METHOD_CHANNEL_STUDENT = 'com.example.flutter_nav_android/student/method';
  16.   static const String NAV_FLUTTER_STUDENT_NOTICE = 'navFlutterStudentNotice';
  17.  
  18.   @override
  19.   void initState() {
  20.     super.initState();
  21.     MethodChannel bookMethodChannel = const MethodChannel(METHOD_CHANNEL_STUDENT);
  22.     bookMethodChannel.setMethodCallHandler(methodHandler);
  23.   }
  24.  
  25.   /// 监听来自 Android端 的消息通道
  26.   /// Android端调用了函数，这个handler函数就会被触发
  27.   Future<dynamic> methodHandler(MethodCall call) async {
  28.     final String methodName = call.method;
  29.     switch (methodName) {
  30.       case NAV_FLUTTER_STUDENT_NOTICE: // 进入当前页面
  31.         {
  32.           title = call.arguments['title'];
  33.           setState(() {});
  34.           return 0;
  35.         }
  36.       default:
  37.         {
  38.           return PlatformException(
  39.               code: '-1',
  40.               message: '未找到Flutter端具体实现函数',
  41.               details: '具体描述'); // 返回给Android端
  42.         }
  43.     }
  44.   }
  45.  
  46.   @override
  47.   Widget build(BuildContext context) {
  48.     return Scaffold(
  49.       backgroundColor: Colors.cyan,
  50.       body: Container(
  51.         width: MediaQuery.of(context).size.width,
  52.         height: MediaQuery.of(context).size.height,
  53.         alignment: Alignment.center,
  54.         child: Text(
  55.           'Flutter $title',
  56.           style: const TextStyle(
  57.             fontWeight: FontWeight.bold,
  58.             color: Colors.white,
  59.             fontSize: 20,
  60.           ),
  61.         ),
  62.       ),
  63.     );
  64.   }
  65.  
  66. }

main.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter_nav_android/book.dart';
  3. import 'package:flutter_nav_android/student.dart';
  4.  
  5. import 'home.dart';
  6. import 'login.dart';
  7.  
  8. void main() {
  9.   runApp(const MyApp());
  10. }
  11.  
  12. class MyApp extends StatelessWidget {
  13.   const MyApp({super.key});
  14.  
  15.   @override
  16.   Widget build(BuildContext context) {
  17.     return MaterialApp(
  18.       title: 'Flutter Demo',
  19.       debugShowCheckedModeBanner: false,
  20.       theme: ThemeData(
  21.         colorScheme: ColorScheme.fromSeed(
  22.             seedColor: Colors.deepPurple,
  23.          ),
  24.         useMaterial3: true,
  25.       ),
  26.       routes: {
  27.         '/home': (context) => const Home(),
  28.         '/login': (context) => const Login(),
  29.         '/book': (context) => const Book(),
  30.         '/student': (context) => const Student(),
  31.       },
  32.       initialRoute: '/home',
  33.     );
  34.   }
  35. }

踩坑

  • 一个路由坑，Flutter 加载 根命名路由标识，默认是 " / "，如果你在Flutter端使用了 " / " 作为根路由页面，有时候，从Android 跳转 Flutter页面时，它会将 根路由页面 先push进栈，再push你的目标页面进栈，会多出一个页面；
  • 所有我直接不用 " / " 标识，而使用页面对应的路由标识字符串，来指定根路由。
  1. // 原来带坑的写法
  2. // routes: {
  3. //    '/': (context) => const Home(),
  4. //    '/login': (context) => const Login(),
  5. //    '/personal': (context) => const Personal()
  6. // },
  7. // initialRoute: '/',
  8.  
  9.  
  10. // 解决方式的写法
  11. routes: {
  12.     '/home': (context) => const Home(),
  13.     '/login': (context) => const Login(),
  14.     '/personal': (context) => const Personal()
  15.  },
  16. initialRoute: '/home',
  17.

奇技淫巧

在案例中，我使用的是 命名路由 和 Channel方式 进行 页面跳转、传参，下面直接使用引擎进行 页面跳转、传参，但实用价值不高，因为弊端太大；

比如：

  • 只提供了List<String>类型，进行传参；
  • 目标Flutter页面内的widget，默认参数会全部失效；
  • Flutter的Widget默认参数，是由主文件内的 MaterialApp 组件提供的，一个Flutter应用，一般只会使用一个 MaterialApp，它代表返回一个App，如果将目标Flutter页面套上 MaterialApp ，可以解决这个默认参数问题，但会引发 路由问题；
  • 不过也有适用场景：让每个Flutter页面完全独立，之间没有任何交互，比如跳转、数据共享等等，这样路由就不需要了，让每个Flutter页面都使用 MaterialApp，当作App和原生交互；

综上所述，大家将这种方式当作扩展知识就好了。

Android代码

  1. class MainActivity : AppCompatActivity(), View.OnClickListener {
  2.  
  3.     ... ... 
  4.  
  5.     override fun onCreate(savedInstanceState: android.os.Bundle?) {
  6.         super.onCreate(savedInstanceState)
  7.  
  8.         ... ... 
  9.  
  10.         val flutterEngine = FlutterEngine(this)
  11.  
  12.         // 定义参数
  13.         val dartEntrypointArgs = mutableListOf<String>()
  14.         dartEntrypointArgs.add("张三")
  15.  
  16.         // 这种方式传参数，会导致这个Flutter页面中的Widget默认参数，全部失效，
  17.  
  18.         // 这种只有 Dart主入口文件，比如main.dart的 main函数才能接收到参数
  19.         // void main(List<String args>) {}
  20.         // flutterEngine.dartExecutor.executeDartEntrypoint(
  21.         //    DartExecutor.DartEntrypoint.createDefault(),
  22.         //    dartEntrypointArgs
  23.         // )
  24.  
  25.         // 这种可以指定页面接收，但需要在主入口文件里先声明       
  26.         // void showPersonal(List<String> args) {}
  27.         flutterEngine.dartExecutor.executeDartEntrypoint(
  28.             DartExecutor.DartEntrypoint(
  29.                 FlutterInjector.instance().flutterLoader().findAppBundlePath(),
  30.                 "showPersonal"), // 找到目标Flutter页面提供的 暴露函数
  31.             dartEntrypointArgs)
  32.         FlutterEngineCache.getInstance().put("personal_engine", flutterEngine)
  33.     }
  34.  
  35.  
  36.     override fun onClick(v: View?) {
  37.         ... ... 
  38.  
  39.         val map: MutableMap<String, String> = mutableMapOf<String, String>()
  40.         map["name"] = "张三"
  41.         startActivity(
  42.             FlutterActivity
  43.                 .withCachedEngine("personal_engine") // 获取缓存好的引擎
  44.                 .backgroundMode(FlutterActivityLaunchConfigs.BackgroundMode.transparent) // 背景改为透明，不然切换页面时，会闪烁黑色
  45.                 .build(this))
  46.     }
  47.  
  48. }
  49.

Flutter代码

main.dart（主文件）

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter_nav_android/personal.dart';
  3.  
  4. void main(List<String> args) {
  5.   debugPrint('args：$args');
  6.   runApp(const MyApp());
  7. }
  8.  
  9. /// 注解说明文档：https://mrale.ph/dartvm/compiler/aot/entry_point_pragma.html
  10. /// 注解：表明它可以在 AOT 模式下直接从本机或 VM 代码解析、分配或调用
  11. @pragma("vm:entry-point")
  12. void showPersonal(List<String> args) { // 在主文件入口暴露出来
  13.   debugPrint('args：$args');
  14.   runApp(Personal(title: args.first));
  15. }
  16.  
  17. class MyApp extends StatelessWidget {
  18.   const MyApp({super.key});
  19.  
  20.   @override
  21.   Widget build(BuildContext context) {
  22.     return MaterialApp(
  23.       title: 'Flutter Demo',
  24.       debugShowCheckedModeBanner: false,
  25.       theme: ThemeData(
  26.         colorScheme: ColorScheme.fromSeed(
  27.             seedColor: Colors.deepPurple,
  28.          ),
  29.         useMaterial3: true,
  30.       ),
  31.     );
  32.   }
  33. }

personal.dart（目标页面）

  1. import 'package:flutter/material.dart';
  2.  
  3. class Personal extends StatefulWidget {
  4.   final String? title;
  5.   const Personal({super.key,this.title});
  6.  
  7.   @override
  8.   State<Personal> createState() => _PersonalState();
  9. }
  10.  
  11. class _PersonalState extends State<Personal> {
  12.   
  13.   /// 在这个页面中，使用的Widget 默认参数全部失效，外层套上 Material组件 也无效
  14.  
  15.   @override
  16.   Widget build(BuildContext context) {
  17.     return Container(
  18.       color: Colors.white,
  19.       width: MediaQuery.of(context).size.width,
  20.       height: MediaQuery.of(context).size.height,
  21.       alignment: Alignment.center,
  22.       child: Directionality(
  23.           textDirection: TextDirection.ltr,
  24.           child: Text(
  25.             widget.title ?? '',
  26.             style: const TextStyle(
  27.               color: Colors.lightBlue,
  28.               fontSize: 30,
  29.             ),
  30.           )),
  31.     );
  32.   }
  33. }

FlutterEngineGroup

  • 如果你接受以上缺点，可以使用 FlutterEngineGroup，这个东西就是换成了单例写法，我们自己写单例，需要处理一个问题，比如这个需求：同时获取两个Flutter引擎，这里就要通过判空新建一个Flutter引擎;
  • 而 FlutterEngineGroup 已经处理了这个问题，自首个Flutter引擎起，后面多出的Flutter引擎，都是其子类，如果只剩下最后一个，那么这个Flutter引擎将和首个Flutter引擎性能特征相同；
  • FlutterEngineGroup官方文档：多个 Flutter 页面或视图 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter
  • 从我个人体验上来说，不使用单例，性能也足够了，如果有很多混合的Flutter页面，那当我没说
    声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/669942
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。