Android笔记：在Flutter中嵌入原生View，android零基础开发

2401_84023683

于 2024-04-03 13:57:49 发布

阅读量622

点赞数 20

分类专栏： 2024年程序员学习文章标签： android 笔记 flutter

本文链接：https://blog.csdn.net/2401_84023683/article/details/137343361

版权

这篇博客介绍了如何在Flutter应用中嵌入原生Android View，展示了如何创建一个包含Flutter View和原生WebView的界面。通过在MainActivity中设置布局并创建FlutterView，然后将原生ImageView添加到FlutterView中，实现了Flutter与原生Android的混合开发。此外，还讨论了Android开发者的学习历程和资源分享。

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

整个界面分成了两部分，上面是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”
android:background=“#000000”
tools:context=“.MainActivity”>

</android.support.constraint.ConstraintLayout>

Flutter以一个View的方式被装载。

class MainActivity : AppCompatActivity() {

@RequiresApi(Build.VERSION_CODES.LOLLIPOP)
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)