Android笔记：在Flutter中嵌入原生View

最新推荐文章于 2024-04-11 18:54:41 发布

m0_57767600

最新推荐文章于 2024-04-11 18:54:41 发布

阅读量741

点赞数

分类专栏：程序员文章标签： android 移动开发面试

本文链接：https://blog.csdn.net/m0_57767600/article/details/117522788

版权

本文详细记录了如何在Flutter应用中嵌入原生Android View的过程，包括在MainActivity布局中添加FlutterView，创建并返回原生View，通过桥接器传递，以及在Flutter端引用这些原生组件。通过实例展示了如何实现Flutter与原生View的无缝结合，适用于Android API 20及以上版本。文中还提及了一个技术交流群，供开发者进行技术讨论和资源分享。

摘要由CSDN通过智能技术生成

在之前的一篇文章中，介绍了在原生项目中引入Flutter。

在这个基础上，记录一下在Flutter中引入原生View。（建议先看看上面的文章）

最终的结果就是，在原生项目中，以一个View的方式引入Flutter，再在这个Flutter的View中使用一个原生的View。

效果图如下：

整个界面分成了两部分，上面是Flutter的View，里面有个原生的ImageView。下面是原生的WebView。

开始

首先是MainActivity的布局文件，上面一个FrameLayout用于承载Flutter。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                             xmlns:app="http://schemas.android.com/apk/res-auto"
                                             xmlns:tools="http://schemas.android.com/tools"
                                             android:layout_width="match_parent"
                                             android:layout_height="match_parent"