Flutter与Android原生跳转详解及示例代码

最新推荐文章于 2024-03-31 23:56:44 发布
最新推荐文章于 2024-03-31 23:56:44 发布
阅读量501 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： flutter android Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TechWhizKid/article/details/133657896
Android 专栏收录该内容
51 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何在Flutter应用中与Android原生界面进行跳转。通过添加Flutter插件，创建Android Activity，然后在Flutter代码中调用方法实现跳转，最后在Android原生代码中处理跳转请求，实现两者的交互。

Flutter是一种流行的跨平台移动应用开发框架，允许开发者使用单一代码库构建iOS和Android应用。然而，在某些情况下，我们可能需要在Flutter应用中跳转到Android原生界面。本文将详细介绍如何在Flutter应用中实现与Android原生界面的跳转，并提供相应的示例代码。

  1. 添加Flutter插件

首先，我们需要添加一个能够与Android原生代码进行通信的Flutter插件。在Flutter中，可以使用flutter_boost插件来实现这一功能。在项目的pubspec.yaml文件中添加以下依赖：

dependencies:
  flutter_boost: ^1.25.0

然后运行flutter packages get命令以获取插件。

  1. 创建Android原生界面

接下来，我们需要在Android原生代码中创建一个界面，以便在Flutter应用中进行跳转。在Android工程中，创建一个新的Activity，并在其布局文件中添加所需的UI元素。下面是一个简单的示例代码：


                

                
                
        

    


  


        

                

                  

                  

                  了解本专栏
                  
                  
                    
                  订阅专栏 解锁全文
                   
                

        


    



                



	

		

			

				
					
Flutter与Android原生Activity交互及传递​​数据

				
			

			

				

					csdn_aiyang的博客
				

				

					06-20
					
					3350
					
				

			

		

		

			
				
学习了 Android 原生集成 Flutter 并实现了页面跳转本篇将要学习Flutter与Activity之间的数据交互。但无论是传递方法、事件，其本质上都是数据的传递。BinaryMessenger是PlatformChannel与Flutter端的通信的工具，其通信使用的消息格式为二进制格式数据，BinaryMessenger在Android中是一个接口，它的实现类为FlutterNativeView。Codec是消息编解码器，主要用于将二进制格式的数据转化为Handler能够识别的数据。

			
		

	



                

            
              



	

		

			

				
					
Flutter 跳转到原生Native页面

				
			

			

				

					Mackellen的专栏
				

				

					02-15
					
					2554
					
				

			

		

		

			
				
Flutter 跳转到iOS原生Native页面，flutter 代码进行注册发送调用请求


class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  MethodChannel eventChannel = const MethodChannel('com.flutterToNative.first');

  void _onPressedAction() {
    try {
      Futur

			
		

	



              


  
              

                


	

		

			

				
					
Flutter 页面跳转.zip

				
			

			

				

					10-05
				

			

		

		

			
				
在Flutter中页面跳转被称之为‘路由’。
是通过Navigator 组件管理路由导航，其提供了管理堆栈的方法：Navigator.push（跳转） 和 Navigator.pop（返回）。
Flutter配置路由的方式有两种：1、基本路由（静态路由） 2、命名路由（动态路由）。

			
		

	





	

		

			

				
					
flutter中使用android原生视图

				
			

			

				

					weixin_43987915的博客
				

				

					07-07
					
					1235
					
				

			

		

		

			
				
虚拟显示模式（Virtual displays）
将 android.view.View 实例渲染为纹理，不会嵌入到 Activity 的视图层次结构中。
键盘处理和辅助功能可能无法工作。
混合集成模式（Hybrid composition）
需要 Flutter 1.22（推荐 1.22.2）。
将原生的 android.view.View 附加到视图层次结构中。键盘处理和无障碍功能是开箱即用的。
Android 10 之前，这个模式会大大降低 Flutter UI 的帧率（FPS）。此widget继承S

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					Lan_Se_Tian_Ma的博客
				

				

					01-31
					
					4412
					
				

			

		

		

			
				
本文主要讲解 Flutter 和 Android原生之间，页面相互跳转、传参，但其中用到了两端相互通信的知识，非常建议先看完这篇讲解通信的文章当前案例 Flutter SDK版本：3.13.2。

			
		

	





	

		

			

				
					
（原创）Flutter与Native页面互相跳转

				
			

			

				

					Android_xiong_st的博客
				

				

					08-09
					
					2741
					
				

			

		

		

			
				
原生和Flutter界面互相跳转

			
		

	





	

		

			

				
					
Flutter与Android集成及通信交互实现详解

				
			

			

				

					
				

			

		

		

			
				
Flutter 与 Android 的混合开发是当前跨平台移动应用开发领域的重要技术方向，尤其在已有原生 Android 项目的基础上集成 Flutter 模块以提升 UI 渲染效率、加快迭代速度和实现跨平台复用方面具有显著优势。...

			
		

	





	

		

			

				
					
Flutter路由的跳转、动画和传参详解（最简单）

				
			

			

				

					08-26
				

			

		

		

			
				
Flutter路由的跳转、动画和传参详解  Flutter路由的跳转、动画和传参是Flutter框架中非常重要的知识点，這篇文章主要介绍了Flutter路由的跳转、动画和传参的相关知识，通过实例代码详细介绍了Flutter路由的实现。  ...

			
		

	





	

		

			

				
					
Flutter开发工具详解

					
最新发布

				
			

			

				

					09-30
				

			

		

		

			
				
混合开发涉及原生代码与Flutter代码的交互和打包，这部分内容专门讲解了在Android平台上如何实现混合开发。  十七、Dant 部分介绍 Dant是Flutter的辅助工具之一，这部分介绍了Dant的功能和使用方法。  十八、Flutter...

			
		

	





	

		

			

				
					
Flutter与iOS和Android原生页面交互

				
			

			

				

					Gamin
				

				

					03-31
					
					4141
					
				

			

		

		

			
				
平台通道是Flutter中一个强大的机制，它允许Flutter与宿主平台（如Android和iOS）进行数据和任务的双向通信。这种机制解决了Flutter无法直接调用平台特定API的限制，使得Flutter应用能够实现原生平台的功能。我们将设置一个名为的平台通道，这个通道将用于Flutter与原生平台（iOS和Android）之间的通信。

			
		

	





	

		

			

				
					
Flutter与原生的页面交互

				
			

			

				

					Mr_Tony的专栏
				

				

					12-15
					
					1219
					
				

			

		

		

			
				
这里写下调研结果,后续补充内容，
在现有的原生项目中嵌入Flutter项目，官方已经给出了例子，如下：
https://flutter.cn/docs/development/add-to-app/android/project-setup
另外一个就是从现有的Flutter项目中跳转到原生页面，这里主要使用混合通信方式进行传递数据跳转，Android部分简单代码如下：
MainActivity.kt
class MainActivity: FlutterFragmentActivity() {
    p

			
		

	





	

		

			

				
					
Flutter实现页面切换后保持原页面状态的3种方法

				
			

			

				

					08-26
				

			

		

		

			
				
主要给大家介绍了关于Flutter实现页面切换后保持原页面状态的3种方法，文中通过示例代码介绍的非常详细，对大家的学习或者使用Flutter具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

			
		

	





	

		

			

				
					
Flutter module接入安卓原生项目

				
			

			

				

					JACK_GEN123的博客
				

				

					02-17
					
					584
					
				

			

		

		

			
				
引入flutter全局页面
基本步骤：
1.在android studio里打开你的安卓原生项目；
2.依次点击File->New->New Module，选择flutter module；
3.在AndroidManifest.xml文件中注册对应的FlutterActivity，具体配置如下：
<activity
  android:name="io.flutter.embedding.android.FlutterActivity"
  android:theme="@style/A

			
		

	





	

		

			

				
					
flutter 与原生交互流程 ，flutter路由跳转

				
			

			

				

					qq_28759359的博客
				

				

					08-06
					
					1738
					
				

			

		

		

			
				
本文主要内容是

一、flutter 与原生交互

   主要记录，如何原生数据传递给flutter ，flutter数据传给原生app。

二、flutter路由跳转

   flutter 页面跳转



一、flutter 与原生交互

第一步、Android studio 创建app ,项目名为TestFlutterEngine

创建flutter_moduel,在TestFlutterEngine文件上选择file->new flutter project，名称为test_...

			
		

	





	

		

			

				
					
安卓原生项目跳转至Flutter页面

				
			

			

				

					Eridike的博客
				

				

					02-21
					
					6366
					
				

			

		

		

			
				
如果还没到将Flutter Module集成至安卓项目，请参考：https://blog.youkuaiyun.com/Eridike/article/details/104430994

将Flutter Module集成至安卓项目后，

第一步，在AndroidManifest.xml加入FlutterActivity


<activity
            android:name="io...

			
		

	





	

		

			

				
					
Android 深入理解Android中的自定义属性

				
			

			

				

					zenmela2011的专栏
				

				

					12-07
					
					209
					
				

			

		

		

			
				
转载请标明出处：http://blog.youkuaiyun.com/lmj623565791/article/details/45022631；



1、引言

对于自定义属性，大家肯定都不陌生，遵循以下几步，就可以实现：

自定义一个CustomView(extends View )类
	编写values/attrs.xml，在其中编写styleable和item等标签元素
	在布局文件中CustomView使用自定义的属性（注意namespace）
	在CustomView的构造方法中通过TypedArr...

			
		

	





	

		

			

				
					
flutter打开android界面,Flutter 插件（调用原生方法--Android）

				
			

			

				

					weixin_36165880的博客
				

				

					06-05
					
					1045
					
				

			

		

		

			
				
import android.app.AppOpsManagerimport android.content.Contextimport android.content.Intentimport android.net.Uriimport android.os.Buildimport androidx.annotation.RequiresApiimport androidx.core.app.N...

			
		

	





	

		

			

				
					
Flutter——界面跳转

				
			

			

				

					小雨的专栏
				

				

					05-28
					
					1163
					
				

			

		

		

			
				
import 'package:flutter/material.dart';

/// 2019/5/24 created by 张宇(Jason)
/// 类注释：登录
class Login extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(...

			
		

	





	

		

			

				
					
Flutter Android 实现 APP跳转

				
			

			

				

					LeftStrang的专栏
				

				

					06-16
					
					1108
					
				

			

		

		

			
				
修改/app/src/mian/AndroidManifest.xml配置。安装插件：url_launcher: ^5.7.10。注册完成，APP已经可以被第三方调用了；创建URL scheme。一、APP 实现被打开。二、打开第三方APP。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
             | 博主筛选后可见
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值