Flutter加载切换动画的实现

一 . 在项目中新建images文件夹

二 . 将加载时要显示的gif，jpg，png放入images中

三 .在pubspec.yaml中声明自己加的图片

         //pubspec.yaml对规范高度敏感，注意空格，换号的使用
    *# assets：
    #  - images/a_dot_burr.jpeg
    #  - images/a_dot_ham.jpeg*
             //注意声明图片的代码必须在系统举的例子（斜体字）下面
    assets:         
    - images/loading.gif
    - images/cxk_basketball.gif
    - images/tlp.png	

四 .建议写两个Widget页面

	例如：
		
@override  //加载页面
Widget LoadingWidget(BuildContext context) {
  return Container(
constraints: BoxConstraints.expand(),
child: Image.asset('images/  tlp.png',    //引用图片，图片状态可在属性里面可以自行设置，不再举例
    fit: BoxFit.fill, width: double.infinity, height: double.infinity),
  );
}


@override   //展示页面
Widget ShowDateWidget(BuildContext context) {
  final size = MediaQuery.of(context).size;
  return Container();

五. 实现算法：a ? return b : return c

1）.一般设置a为变化参数用于判断
2）.b为显示页面，c为加载页面
3）.例子： 
		getip() async 
		{
		---------
	   setState(() {});
		 }
	**//getip()函数为获取异步数据的最后一个函数**
	
		@override
		  Widget build(BuildContext context) {
		    return (loca1 != null &&
	            loca2 != null &&
	         loca3 != null &&
	           ipdizhi != null &&
	           type != null)
	  	      ? Map(context)
	        : LoadingWidget(context);
		  }
		}
4）解读：
	以上loca1，loca2，loca3 等变量为**异步函数**获取到的结果，
	**按照函数排列的先后顺序在最后一个函数中使用setstate｛（）｝重构页面**

特别注意：

仅供参考学习，转载请附上原文链接
图片来源于网络、个人收藏、个人制作
该篇文章不做任何商业用途，纯属分享学习心得，如有侵权，望联系本人处理
还在读大学的程序员，项目经验少，如有纰漏，感谢指正
需要源代码请私聊联系本人
谢谢配合

如果这篇文章对您有帮助，小小的点个赞，算是给小学弟的鼓励吧！谢谢大佬！！/呱呱.jpg