189 8069 5689
flutter加载h5很卡的解决方法如下：
成都创新互联是一家专业提供贵德企业网站建设,专注与网站设计、成都做网站、H5建站、小程序制作等业务。10年已为贵德众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
一种临时解决方案，在切换动画加载完毕后，再去构造 WebView，这样从用户角度上看，就不会有路由切换动画的卡顿了。class WebViewPage extends StatefulWidget {undefined
final String uri;
WebViewPage({undefined
@required this.uri,
}) : assert(uri != null);
@override
_WebViewPageState createState() = _WebViewPageState();
}
class _WebViewPageState extends State {undefined
WebViewController _controller;
bool _animationCompleted = false;
@override
Widget build(BuildContext context) {undefined
// 主要是下面的代码
var route = ModalRoute.of(context);
if (route != null !_animationCompleted) {undefined
void handler(status) {undefined
if (status == AnimationStatus.completed) {undefined
route.animation.removeStatusListener(handler);
setState(() {undefined
_animationCompleted = true;
});
}
}
route.animation.addStatusListener(handler);
}
return Scaffold(
title: widget.title,
backgroundColor: Colors.white,
body: _animationCompleted
? WebView(
initialUrl: 'about:blank',
onWebViewCreated: (WebViewController webViewController) {undefined
_controller = webViewController;
_loadHtmlFromAssets();
},
)
: Container(),
);
}
_loadHtmlFromAssets() async {undefined
var uri = Uri.dataFromString(
await rootBundle.loadString(widget.uri),
mimeType: 'text/html',
encoding: Encoding.getByName('utf-8'),
).toString();
_controller.loadUrl(uri);
}
}
Fluent是目前国际上比较流行的商用CFD软件包，在美国的市场占有率为60%，凡是和流体、热传递和化学反应等有关的工业均可使用。
它具有丰富的物理模型、先进的数值方法和强大的前后处理功能，在航空航天、汽车设计、石油天然气和涡轮机设计等方面都有着广泛的应用。
FLUENT软件包含基于压力的分离求解器、基于密度的隐式求解器、基于密度的显式求解器，多求解器技术使FLUENT软件可以用来模拟从不可压缩到高超音速范围内的各种复杂流场。
FLUENT软件包含非常丰富、经过工程确认的物理模型，由于采用了多种求解方法和多重网格加速收敛技术，因而FLUENT能达到最佳的收敛速度和求解精度。
灵活的非结构化网格和基于解的自适应网格技术及成熟的物理模型，可以模拟高超音速流场、传热与相变、化学反应与燃烧、多相流、旋转机械、动/变形网格、噪声、材料加工等复杂机理的流动问题。
图片加载过程是由ImageProvider触发的。而ImageProvider表示异步获取图片数据的操作，可以从资源，网络，文件等不同的渠道获取。
首先，ImageProvider根据_ImageState中传递的图片配置生成对应的图片缓存key，然后去ImageCache中查找是否由对应的图片缓存，如果有，通知刷新对应的UI；如果没有通过ImageStream异步加载，加载完成后更新缓存，然后通知_ImageState刷新UI。
ImageCache采用的是LRU（Least Recently Used）
首先将项目android目录下的build.gradle中google()和jcenter()替换成阿里镜像地址
修改本地的flutter配置文件，flutter安装目录下找到packages/flutter_tools/gradle/flutter.gradle文件，repositories 修改为
将 MAVEN_REPO 地址替换为
修改 packages/flutter_tools/gradle/resolve_dependencies.gradle，替换maven地址为
重新运行项目，等待一会就可以正常运行。
Flutter 国内镜像 失效替换：
同上篇文章《九、Flutter水波动画》画水波原理是一样的，都是通过画笔呈现不规则图形。this.offsetList是存储加载的动画里面的实心圆的坐标，通过drawCircle方法把坐标画到画布上。
RoundProgress继承StatefulWidget通过 Timer刷新页面，来达到动画的效果。this.w * i / this.numOfMoveView是计算每个实心圆的宽度的，i越小实心圆的宽度越小，实心圆就越小。(pi * 2.0 / this.numOfMoveView) * i计算出弧度，通过弧度计算出每个实心圆的坐标，保存在this.offsetList里。每个实心圆初始化的弧度都保存在了 this.radianList里，循环第二次，第三次......累计弧度，每个实心圆的坐标逐一按弧度偏移，从而所有的实心圆绕着一个点旋转。
RoundProgress最重的一个参数loading，当loading = true加载动画会在stack里面呈现出来，当loading = false加载动画不会出现在stack里面。
由于RoundProgress继承了StatefulWidget，从外部就没有办法更新RoundProgress数据了，可以通过组件间通信。这里使用的是Global Key通信，可以访问State对象的公共属性和方法，从而让加载动画停止旋转，刷新组件。另外还有一种通信方法是ValueNotifier通信，ValueNotifier是一个包含单个值的变更通知器，当它的值改变的时候，会通知它的监听。
总结：这个加载动画算是初步完成了，基本使用还是可以的，封装的不够灵活，可自定义程度比较低。下一篇文章将进一步对加载动画优化，并上传到pub.dev方便大家使用。谢谢收看，点个赞吧！