小編這次要給大家分享的是Flutter如何實現(xiàn)進度條效果，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了調(diào)兵山免費建站歡迎大家使用！
用flutter開發(fā)的項目，最大的好處除了跨平臺之外，還有一點就是插件多，便于很多功能的實現(xiàn)。
畫風（話鋒）一轉(zhuǎn)，老子說，事物都有兩面性，物極必反。插件多是多，插件帶來的問題也是不容小覷，總結(jié)下，插件帶來的幾大問題。
（1）插件更新不及時
插件更新不及時，會導致我們連編譯都過不去，甚至要去改插件的原生代碼，這個時候，我們可能會自己創(chuàng)建一個github插件，然后直接引用自己的github插件地址，算了，真不靠譜的插件作者！千言萬語盡在不言中。。。
（2）插件沖突
插件沖突，有的時候是配置沖突，比如經(jīng)常遇到的android:resource="@xml/filepaths"/>
同樣是在manifest里面，有的插件配置的是filepaths，有的為file_paths，這個也挺痛苦的。
（3）包體積
插件用多了，包體積自然就大了，用戶一看這么大的包，下載半天，算了，當然5G來了咱就另說了。
話不多說，解決之道，就4個字：少用插件。
比如進度條插件，之前我還用modal_progress_hud: ^0.1.3，發(fā)現(xiàn)沒必要，flutter本來就有LinearProgressIndicator，用來做進度顯示的。干掉干掉。
上代碼：
LinearProgressIndicator( value: 0.3, valueColor: AlwaysStoppedAnimation(Colors.red), backgroundColor: Colors.blue, ),
其中，value為進度值，valueColor為已經(jīng)進行的進度顏色，backgroundColor就是還沒到的那段進度的顏色咯。
不要著急，上個完整的例子，給你們看效果。
重慶分公司
重慶分公司
import 'package:flutter/material.dart';
class ProgressDemo extends StatefulWidget {
ProgressDemo({Key key}) : super(key: key);
@override
_ProgressDemoState createState() => _ProgressDemoState();
}
class _ProgressDemoState extends State {
@override
Widget 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(Colors.red),
backgroundColor: Colors.blue,
),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))
),
);
},);
},
),
),
);
}
} 好了，效果如下：
看完這篇關(guān)于Flutter如何實現(xiàn)進度條效果的文章，如果覺得文章內(nèi)容寫得不錯的話，可以把它分享出去給更多人看到。
