flutter显示网络svg，flutter 网络状态

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

Flutter-手机网络状态监听

1、Android主动跟flutter通信，如下 BasicMessageChannel 它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。

2、这里主要讲解 GetxController 的事件监听，包括监听单个值、多个值等。

3、BasicMessageChannel用于native与flutter之间的消息互发。MethodChannel用于双方之间的方法互调，使用步骤是：创建一个MethodChannel对象，传入MethodChannel名称。

4、Flutter Widget树中子Widget可以通过发送通知（Notification）与父(包括祖先)Widget通信。

5、上下左右。Android屏幕旋转使用传感器+读取系统是否允许旋转的配置实现监听。IOS使用UIDeviceOrientationDidChangeNotification通知进行监听。

Flutter小部件之图片(Image)和图标(Icon)

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

2、Flutter中，可以像web开发一样使用iconfont，iconfont也即字体图标，它是将图标做成字体文件，然后通过指定不同的字符而显示不同的图片。加号为图片组件，减一为icon组件。点击加号，数字加1；点击-1，数字减少1。

3、在 itemBuilder 中，如果显示到最后一个时，判断是否需要继续获取数据，然后返回一个Icon。

4、brightness： Brightness.light 状态栏图标与字体颜色为黑色。 iconTheme ：设置appbar icon的颜色，appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色，这里可以在iconTheme中指定icon的颜色。

5、无网络有缓存视频时，无法展示封面，因为内部是通过imageProvider去加载网络图片的。

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

构造方法 Image：从ImageProvider获取数据 Image.network：加载网络图片。 Image.asset：加载本地图片文件。 new Image.file：加载本地图片文件(File文件）图片。

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

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

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

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

Flutter入门(二)——实现一个简单的demo页面

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

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

3、相信很多人对于Flutter系列的开篇以响应式编程为主题表示有点异议，但谷歌官方推行这一架构必然有其合理性，无论是状态管理上还是Dart的原生支持上而言。

4、原生开发安卓一般使用java语言开发，当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了，这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面，复杂点的页面可以通过自定义控件来实现。

5、这里涉及到的技术点比较多，我的经验是直接通过一个完整的Demo源码来边学边做是比较高效的学习方法，这个Demo最好足够简单，但是有完整的逻辑交互和通信过程，比如登录和数据列表。

6、Demo 创建并生成文件在lib目录下创建.proto文件在 lib 目录下，我们新建一个 src/generated 文件夹，用于存放我们待会要生成的文件。