Flutter Learning

Socket API是系统为实现应用层网络协议提供的一套基础的、标准的API，它是对传输层网络协议(TCP /UDP)的一种封装。Socket API实现了端到端建立连接发发送/接收数据的基础API，

APP入口 main函数为app入口函数，实现如下： 初始化加载完成后再加载UI，这里最好只是配置基础的配置信息，而不要配置一些耗时的信息，myAPP是应用的入口Widget，实现如下： 根Widge

网络接口缓存 将请求的url作为key，对请求的返回值在一个指定时间段内进行缓存，另外设置一个最大的缓存数，当超过最大缓存树后移除最早的一条缓存。但是也得提供一种针对特定接口或请求决定是否启用缓存机制

介绍 应用程序中通常会包含一些贯穿APP生命周期的变量信息，这些信息在App大多数地方都可能会用到，比如用户信息、local信息、配置信息等。在Flutter中把需要全局共享的信息分为两类：全局变量和

先回顾一下Flutter的渲染管线： CustomRotatedBox 实现一个CustomRotatedBox，功能是将子元素放倒(顺时针旋转90度)，要实现这个效果可以直接使用canvas变换功能

通过Layer实现绘制缓存 之前绘制棋盘示例是使用的CustomPaint组件，然后再painter的paint方法中同时实现了绘制棋盘的棋子，这里可以做一个优化，因为棋盘是不会变化的，所以理想的方式

绘制相关实现在渲染对象RenderObject中，RenderObject中和绘制相关的主要属性有： layer isRepaintBoundary(bool类型) needsCompositing（

Flutter绘制原理 Flutter中和绘制相关的对象有三个：Canvas、Layer、Scene： Canvas：封装了Flutter Skia各种绘制指令，比如画线、画圆、画矩形等指令 Laye

## 布局（Layout）过程 Layout布局过程注意是确定每一个组件的布局信息（大小和位置），Flutter的布局过程如下： 1. 父节点向子节点传递约束（constraints）信息，限制子节点

应用启动 Flutter的入口在"lib/main.dart"的main()函数中，它是Dart应用程序的起点。在Flutter应用中，main()函数最简单的实现如下： runApp()实现： 参数

大家知道UI树是由一个个独立的Element节点构成；组件最终的Layout、渲染是通过RenderObject来完成的，从创建到渲染的大体流程是：根据Widget生成Element，然后创建相应的R

UI框架特指：基于一个平台，在此平台上实现一个能快速开发GUI(图形用户接口)的框架，平台通常指浏览器或操作系统。通常平台只提供非常基础的图形API，比如划线、画几何图形等，大多数平台中，这些基础的图

Flutter中提供了两种不同的渲染器来运行和构建Web应用，分别是html渲染器和CanvasKit渲染器。 HTML渲染器 由于浏览器有一套自身的布局标准(html+css)，Flutter在生成

1、默认语言区域不对 在一些非大陆行货渠道购买的Android和iOS设备，会出现默认的Locale不是中文简体的情况，为了防止设备获取的Local与实际的区域不一致，APP可以提供一个手选语言的入口

使用Intl包不仅可以非常轻松的实现国际化，而且可以将字符串文本分离成单独的文件，方便开发和翻译分工协作。 添加依赖： ``` dependencies: #...省略无关项 intl:

## 实现Localizations类 Localizations类中主要实现提供了本地化值： ``` enum SSLLocaleType{ cn("zh"), en("en"), fr

## 支持国际化 默认情况下，Flutter SDK中的组件仅提供美国英语本地化资源（主要是文本），要添加对其他语言的支持，应用程序必须添加一个名为"flutter_localiztions"的包依赖

## 包 Flutter中可以通过包复用模块化代码，一个最小的Package包括： - 一个pubspec.yaml文件：声明Package名称、版本、作者等的元数据文件 - 一个lib文件夹：包括包

## Json转dart类 #### 简介 实战中，后台接口往往返回一些结构化的数据，如jSON、XML、String等，为了方便在代码中操作JSON，通常会先将JSON格式的字符串转化为Dart对象

WebSocket Http协议是无状态的，只能由客户端主动发起，服务器再被动响应，服务端无法向客户端主动推送内容，并且一旦服务器响应结束，链接就会断开。所以无法进行实时通讯，WebSocket协议是