13518219792
Image组件的构造方法
成都创新互联公司作为成都网站建设公司，专注网站建设、网站设计，有关成都定制网页设计方案、改版、费用等问题，行业涉及橡塑保温等多个领域，已为上千家企业服务，得到了客户的尊重与认可。
在 Android 中，我们都知道，图片的显示方式有很多，资源图片、网络图片、文件图片等等，在 Flutter 中也有多种方式，用来加载不同形式的图片：
Image：通过ImageProvider来加载图片
Image.asset：用来加载本地资源图片
Image.file：用来加载本地（File文件）图片
Image.network：用来加载网络图片
Image.memory：用来加载Uint8List资源（byte数组）图片
Image 的一个参数是 ImageProvider，基本上所有形式的图片加载都是依赖它，这个类里面就是实现图片加载的原理。用法如下：
加载一个本地资源图片，和 Android 一样，有多种分辨率的图片可供选择，但是沿袭的是 iOS 的图片风格，分为 1x，2x，3x，具体做法是在项目的根目录下创建两个文件夹，如下图所示：
还要配置如下
在pubspec.yaml文件
加载一个本地 File 图片，比如相册中的图片，用法如下
加载一个网络图片，用法如下：
有的时候我们需要像Android那样使用一个占位图或者图片加载出错时显示某张特定的图片，这时候需要用到 FadeInImage 这个组件：
用来将一个 byte 数组加载成图片，用法如下：
Image中三个重要的属性：
alignment：图片的对齐方式
fit：图片的展示方式
repeat：图片平铺方式
圆角图片：第一种方式
圆角图片：第二种方式
空间超出提示
注释 ：Flutter Incorrect use of ParentDataWidget
问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。
解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。
控件Row有一个水平的布局方向，但是内容已经超出了可显示的范围。
建议我们使用有弹性的控件比如Expanded代替，或者使用可裁剪的控件ClipRect代替，还可以使用具体滚动属性的控件比如ListView代替
1、类似图片加载失败,然后溢出挤压空间，可以用Container包裹一下
直接使用，如果图片地址失效，就会溢出
直接使用,图片链接失效引起
2、类似这种超出
A RenderFlex overflowed by 48 pixels on the right.
3、类似这种Column滚动超出!
实现页面滑动需要用到SingleChildScrollView组件，SingleChildScrollView和Android中ScrollView类似
问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。
解决方案：保持：Expanded、Flexible只在Row、Column等组件内，不在其他组件内使用。
一. flutter中我们想加载本地图片，需要两步：
二. flutter项目中本地图片加载的原理
在加载图片时，系统自动会根据屏幕分辨率优先选择到符合自己分配率的文件夹（2.0x或者3.0x或者4.0x）下去取相对应的图片，如果当前文件夹下没有，则会到低一倍的文件夹下去，如果还没有，则继续向更低一倍去取。(比如：iOS 5.5英寸及以上屏幕会优先选择去3.0x下去取图片，如果3.0x不存在或者3.0x文件夹下没有，则去2.0x下取；如果2.0x不存在或者2.0x下没有，则去1.0x下取；1.0x下再没有，则在images文件下取)。
