flutter模块目录，flutter常用组件

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

ios原生嵌套Flutter模块

1、将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下把.ios和.android等flutter配置生成出来。

2、万物始于 Hello World，我们先来创建一个显示 Hello World 的 Flutter 项目。在Android Studio 的欢迎页面选择 Start a new Flutter project ，或者通过菜单栏的 File New New Flutter Project ，创建一个新的 Flutter 项目。

3、Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

相关问答

Q1: Flutter初始化

新建一个Flutter工程，android模块。 1，只有一个Activity组件，它是Dart层绘制Widget的容器。 2，Application配置FlutterApplication。应用Application配置io.flutter.app.FlutterApplication类，App首次启动时，初始化。

在Widget销毁之前将WebView的监听和view销毁掉。flutter生命周期大体上可以分为三个阶段：初始化、状态变化、销毁。

StatefulElement 初始化方法如下：这意味着如果 StatefulWidget 被插入到树中的多个位置，则会有多个 State 对象分别与它们关联。关于此类的定义如下：描述：重写此方法以执行初始化。

在执行initState时，View没有渲染，但是StatefulWidget 已经被加载到渲染树里了，这事的StatefulWidget的 mount 的值会变为true，知道dispose才会变为false.一般我们把初始化的一些操作都放在initState中。

这个也需要提下，视频播放器在播放新视频时会异步初始化，一般我们的操作是在 initState() 初始化，成功后再 setState() 。

采用ScreenUtil插件，初始化时候传入设计稿大小，当发现一屏显示的大小有差异时候采用插件提供的setWidth和setHeight来设置具体的宽高（会根据设计稿大小和实际设备逻辑像素宽高比进行缩放）。

Q2: 第十六章:Flutter数据存储

1、我们还是以计数器为例，实现在应用退出重启后可以恢复点击次数。

2、配合实现图片缓存， ImageProvider 从数据源加载完数据后，会在 ImageCache 中缓存图片数据，图片数据缓存时一个 Map ，其中 Map 中的 key 便是 obtainKey 。

3、FlutterMapPlugin.m 请前往高德开放平台控制台申请 iOS Key。

4、由于 Flutter 不支持运行时反射，JSON 解析完全是手动的。所谓手动解析，是指使用 dart：convert 库中内置的 JSON 解码器，将 JSON 字符串解析成自定义对象的过程。

5、Flutter没有一套逻辑去实现跨平台的音视频组件，所以说Flutter提出了一种让第三方开发者来实现音视频组件的方式，而这些音视频组件的视频渲染出口，就是TextureLayer。

6、在Tree中从上往下高效传递数据的基类widget ，定义为：abstract class InheritedWidget extends ProxyWidget Flutter的响应式开发与React类似，数据都是自顶向下的。

Q3: Flutter模块集成到Swift项目

结合flutter attach的方式去调试。

执行完毕后，Flutter module将会创建在ios项目/my_flutter目录下将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。

Flutter插件：Flutter使用的Dart语言无法直接调用iOS系统提供的OC或swift接口，这时就需要使用插件来实现中转。Flutter官方提供了丰富的原生接口封装 Flutter分为三大部分由Dart语言负责的Framwork层。Dart语法执行器。

集成之后，编译出错，提示Swift Compiler Error。（1）首先尝试，修改对应三方库的Swift编译版本。我这边尝试修改，没有成功。（2）没办法，我这边手动修改三方库的源码文件，进行修复。重新编译成功。

Q4: flutter项目升级2.0过程填坑记录

XCode3，CocoaPods5， Flutter 4-pre.65(一定是master channel，不能是stable)，根据标题中的环境对应的版本自行升级，如版本高太多的话不敢保证一定会成功。

其实错误的原因是Androidx支持有问题。官方解决办法： https：//flutter.dev/docs/development/packages-and-plugins/androidx-compatibility （合理打开）app/build.gradle 下面在gradle.properties下添加：重新清理运行，ok。

每次将Flutter应用打包iOS上传到App Store Connect之后，都会收到以下电子邮件警告，但不影响正常构建版本。

下载了一个开源项目flutter-folio 编译的时候一直在说方法找不到。Error： Method not found：是cloud_firebase_web跳转找firebase_core的某个方法的时候说找不到。

经过不断的试错，终于将这个问题解决了，flutter命令也可以正常执行了。如图，通过VSCode开发工具可以正常的执行 flutter create hello_flutter 创建新的flutter项目。

由于安卓那边升级了某些插件，我这边pull之后，进行了Pub get。运行ios项目，发现app启动之后，先闪现黑屏，然后再出现启动页，之后在进入主页面。

flutter模块目录的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter常用组件、flutter模块目录的信息别忘了在本站进行查找喔。