Flutter 一行代码快速实现你的进度条

本文由通密公众号（tongmi5g），QQ群（174353204）提供，欢迎关注获取技术支持，有任何问题群里都会回复。

用flutter开发的项目，最大的好处除了跨平台之外，还有一点就是插件多，便于很多功能的实现。

画风（话锋）一转，老子说，事物都有两面性，物极必反。插件多是多，插件带来的问题也是不容小觑，总结下，插件带来的几大问题。

（1）插件更新不及时

插件更新不及时，会导致我们连编译都过不去，甚至要去改插件的原生代码，这个时候，我们可能会自己创建一个github插件，然后直接引用自己的github插件地址，算了，真不靠谱的插件作者！千言万语尽在不言中。。。

（2）插件冲突

插件冲突，有的时候是配置冲突，比如经常遇到的android:resource="@xml/filepaths"/>
同样是在manifest里面，有的插件配置的是filepaths，有的为file_paths，这个也挺痛苦的。

（3）包体积

插件用多了，包体积自然就大了，用户一看这么大的包，下载半天，算了，当然5G来了咱就另说了。

话不多说，解决之道，就4个字：少用插件。

比如进度条插件，之前我还用modal_progress_hud: ^0.1.3，发现没必要，flutter本来就有LinearProgressIndicator，用来做进度显示的。干掉干掉。

上代码：

LinearProgressIndicator(value: 0.3,valueColor: AlwaysStoppedAnimation<Color>(Colors.red),backgroundColor: Colors.blue,
),

其中，value为进度值，valueColor为已经进行的进度颜色，backgroundColor就是还没到的那段进度的颜色咯。

不要着急，上个完整的例子，给你们看效果。

import 'package:flutter/material.dart';class ProgressDemo extends StatefulWidget {ProgressDemo({Key key}) : super(key: key);@override_ProgressDemoState createState() => _ProgressDemoState();
}class _ProgressDemoState extends State<ProgressDemo> {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('flutter progress demo'),),body: Container(margin: EdgeInsets.only(top: 20),alignment: Alignment.topCenter,child: FlatButton(child: Text('进度'),color: Colors.blue,onPressed: () {return showDialog(context: context, builder: (context) {return AlertDialog(backgroundColor: Colors.transparent,title: Text('上传中...'),content: LinearProgressIndicator(value: 0.3,valueColor: AlwaysStoppedAnimation<Color>(Colors.red),backgroundColor: Colors.blue,),shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(10))),);},);},),),);}
}

好了，效果如下：

不多说了，关注我就是最好的支持哟。

Flutter 一行代码快速实现你的进度条相关推荐

一行代码快速搞定Flowable断点下载（中）
一行代码快速搞定Flowable断点下载(中) 感觉上一篇家常聊了太多,这一篇就直接进入正题,首先来看一下,通过存储化以及方法拓展技术将mComposableDisposable的相关逻辑也从抽象Ac ...
一行代码快速搞定Flowable断点下载（下）
一行代码快速搞定Flowable断点下载(下) 其实这个主题对应的三篇文章真的真的非常难写,首先是感觉非常多人对于函数式编程不太熟悉,然后又有一些人对于kotlin不太熟悉.这就导致了,写这三篇文章的 ...
一行代码快速搞定Flowable断点下载（上）
一行代码快速搞定Flowable断点下载(上) 之前我们大致讲了讲,到底怎么完全将disposable相关代码完全隐藏. 然后到了这里,可能有些杠精就会说了,你那个方式,我们不是完全不能拿到Flowa ...
Python数据分析：异常值检验的两种方法 -- Z 分数上下分位点（放入自写库，一行代码快速实现）
本文已在公众号 " 数据分析与商业实践 " 首发.关注一下~,更多商业数据分析案例源码等你来撩.后台回复 "异常值" ,即可获取本文的案例示范与包含详细注释的源 ...
安卓视频播放器一行代码快速实现视频播放，Android视频播放，AndroidMP3播放，安卓视频播放一行代码搞定，仿今日头条 Android视频播放器
一行代码快速实现视频播放,Android视频播放,AndroidMP3播放,安卓视频播放一行代码搞定,真正实现Android的全屏功能 github地址:https://github.com/qius ...
VBA代码为ppt添加页码进度条
VBA代码为ppt添加页码进度条 fandroid 于 2015-05-25 15:31:28 发布 4617 已收藏 5 分类专栏: office 文章标签: vba ppt 版权 office ...
开源神器：如何用一行代码快速下载 B 站等全网视频！
公众号关注 "GitHubDaily" 设为 "星标",每天带你逛 GitHub! 大家前两天朋友圈应该都被何冰老师<后浪>演讲视频刷屏了,小破站属 ...
iOS快速实现环形渐变进度条
前言进度条相信我们大家都不陌生,往往我们很多时候需要使用到圆形进度条.这篇文章给大家分享了利用ios如何快速实现环形进度条,下面来一起看看. 一:先制作一个不带颜色渐变的进度条自定义一个cycle ...
Java 代码实现一个标准输出的进度条，知识点你知道但并不一定会用
最近阿粉在折腾一台服务器,折腾的过程中往往会需要安装很多依赖软件,有的是在官网下载压缩包,有的是通过系统命令直接安装,在通过系统命令直接安装的时候,就会有类似下面的进度条出现. 进度条在我们日常使用的 ...

Flutter 一行代码快速实现你的进度条

Flutter 一行代码快速实现你的进度条相关推荐

最新文章

热门文章