flutter与hydac的简单介绍

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

Flutter中的StatefulWidget及其生命周期

详细可以去framework.dart文件查看相关源码及说明。在Flutter中，我们平时自定义的widget，一般都是继承自StatefulWidget或StatelessWidget（并不是只有这两种），这两种widget也是目前最常用的两种。

Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你的UI。 Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么。

上文提到 StreamBuilder 作为Flutter中根据Stream生成Widget的便利工具，这里结合Subject来一起使用。

Flutter中Widget分为StatefulWidget和StatelessWidget，分别为动态视图和静态视图，视图的更新需要调用StatefulWidget的setState方法，这会遍历调用子Widget的build方法。

我这里套用一下，在 Flutter 里，万物皆控件。具体有哪些控件，我做了一下简单的分类。根控件所有的控件都属于 StatefulWidget 或 StatelessWidget 。它们的区别是，StatefulWidget 拥有状态 State ，而 StatelessWidget 没有。

在 StatelessWidget 中，因为不可变，element 的值没有报存在element中，所以update也不会改变原有界面。在 StatefulWidget 中，值保存在_State，如果没有标记key。

Q1: 做混合的话Uniapp和Flutter我应该学哪个啊?

1、Uniapp目前比较成熟，而且用的是Vue语法，学习成本比较低，而且行业里面用的也比较广泛，而Flutter的话，学习成本略高，因为要学习新的语言，还有就是目前生态不是特别完备，等他再发展发展吧。

2、现在也比较流行混合开发APP，一套代码通吃Android和iOS，那么有很多框架选择，框架也是某个开发语言基础。国内的mui，uni-APP使用的是JavaScript，HTML，CSS。框架vue.js。

3、可以从前端开始学，先学HTML、CSS、JavaScript，然后学习Node.js、Webpack、VueReact、原生小程序、跨端框架（uni-app、Taro、Flutter），学完这些知识加上做项目练习等。

Q2: Flutter图片加载与缓存

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

Flutter的图片缓存机制有问题（可能是我使用的版本113有问题）网络图片会默认缓存到本地，但是不管图片是不是完整的或者损坏的，导致页面在下次进入的时候会优先从缓存里读取图片。

Image（图片组件）是显示图像的组件，一个显示图片的widget，支持图像格式：JPEG，PNG，GIF，动画GIF，WebP，动画WebP，BMP和WBM 构造方法 Image：从ImageProvider获取数据 Image.network：加载网络图片。

使用 cached_network_image 加载网络图片时，遇到 sharedmem_gpumem_alloc： mmap failed errno 12 Out of memory ，然后app会闪退。

网页是https链接，其中混用了http的图片，会导致无法加载。

首先查看入口函数：类MyApp：MyHomePage：state：build：此demo页面涉及到两个组件：图片和icon。

Q3: Flutter中的节流与防抖(过滤重复点击)

1、在一些计算较为复杂、操作较为耗时或者操作为引起页面重绘的场景，如果事件触发的频率毫无限制，除了带来性能上的负担，还会导致糟糕的用户体验。

Q4: 3、Flutter中ThemeData与AppBar

1、iconTheme ：设置appbar icon的颜色，appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色，这里可以在iconTheme中指定icon的颜色。

2、这里的ThemeData即为控制App的主题，primarySwatch设置即可控制主题的各类颜色，但是这里的颜色是需要MaterialColor，但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。

3、默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置：核心的思想就是在column中使用expend包裹一次然后child使用listView，这样的话输入框被聚焦的时候键盘就会把页面顶上去。

4、很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色，但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。

Q5: Flutter设置APP版本与构建版本

所以我们设置APP的版本号和build次数，在这里设置即可，例如： version： 0+1 。

通过使用插件 package_info 可以获取到当前APP的包名，版本名，版本号等信息。修改+号后的构建号，+号前的版本号。

切换到指定版本。例如更新到最新版本 cd到自己的flutter目录下执行。

回退到指定版本 GitHub搜索flutter 点击进入后，选择tags找到需要的版本点进去，如图：复制版本号 cd /Users/apple/Documents/flutter 根目录，同bash_profile中PATH配置保持一致即可。

项目中使用了flutter_gifimage 这个Git图片加载的插件，但是由于该版本库很久没更新导致不支持当前的 flutter。

细心的开发者会发现flutter构建的App体积比native的大一些，是什么原因造成App体积大呢？其实flutter 在release时App体积和native的大小差不多，而debug时体积通常会大。debug版本体积较大是为了Hot reload和快速编译。

关于flutter与hydac和的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。