flutter与设计图尺寸，flutter 布局详解,必知必会

flutter图片内存优化

滚动步长插值器优化（了解） 官方的滚动差值器在出现小卡顿时，滚动步长会出现大的跳跃，导致体感上出现很明显的抖动，优化步长偏移量算法与原生效果对齐。

注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。

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

Flutter 里的 BuildContext 相信大家都不会陌生，虽然它叫 Context，但是它实际是 Element 的抽象对象，而在 Flutter 里，它主要来自于 ComponentElement 。

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

在flutter中，我们可以通过Image组件来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。

相关问答

Q1: Flutter获取图片大小(网络图片和本地图片)

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

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

3、flutter中会首先根据系统的devicePixelRatio（每一个逻辑像素包含多少个原始像素，可以通过MediaQueryData.devicePixelRatio来得到）来找对应倍数的文件夹下的图片，如果没有对应倍数，找最接近的。

4、其中，参数 image 类型为抽象类 ImageProvider ，定义了图片数据获取和加载的相关接口。

5、在flutter中，我们可以通过Image组件来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。

6、按照给定尺寸进行图片的解码，而不是解码整个图片的尺寸，用来减少内存的占用。

Q2: UI设计中的切图规范是怎么样的?

规范的切图命名会让开发更容易找到其所需要的文件，让设计师与开发之间的交付流程更顺畅，可以说，规范的切图命名是一个设计师的基本修养。

UI设计切图可谓是UI设计师最重要的设计输出物，设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。

英文字体： HelveticaNeue ， Arial Bold(Regular)(具体设计需求也可以是不常见字体），在选用不常见字体要在后面切图中：相关的字体要有图片形式导出.png图片，以及如有需要要有文字的字体包，当然还有使用版权的许可。

然后我们要按照 功能_ 类型_ 名称_ 状态@倍数来命名每个切图，比如我们导航条上有一个搜索图标，那么它的名称就是：一套APP应该有3-5种主题色和辅助色；5-10种不同变化的字体样式。

Q3: 自己动手,从0到1开发一个App

1、还有一个就是图标的问题，阿里巴巴图标库有非常多图标，一般App都够用了。一般来说，如果是我自己开发的应用，很少去动手设计页面，都是直接用一套成熟的设计规范，然后对着产品原型来动手编码了。

2、怎么制作APP软件呢进入制作APP的官网（比如APPSTAR），点击登录，登录注册的账号。0进入主界面之后，点击应用管理，马上制作APP。

3、只能重新开发一个新的软件。固定款的APP开发时间短，约2~3日的时间即可完成，费用大约在几千到几万之间。

4、我们的测试应该从用户的角度进行。只有从用户的角度来改进测试，我们才能被认为有利于我们的用户对App的开发。如果是利用应用公园平台自己的制作的，因为平台所有功能都是提前开发好的，所以，不需要测试就可以直接使用。

5、方便团队进行方案的讨论和统一。 就像使用场景Scenario和用户画像Personas，团队每个成员脑海中所理解的都会有所不同，但通过PRD，咱们可以进行至少是大体上的统一。

6、谷歌推出的AppInventorAndroidApp开发工具可以让你仅通过拖拉式的简单操作就可以创建自己的AndroidApp。对于那些为了特定目的想要动手尝试开发一个简单应用的用户。

flutter与设计图尺寸的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter 布局详解,必知必会、flutter与设计图尺寸的信息别忘了在本站进行查找喔。