[英]Circular progress indicator without white background
我是 flutter 世界的新手,我想知道如何從 flutter 的圓形進度指示器中刪除這個白色背景。 下面我將留下截圖和我的代碼。
代碼:
import 'package:flutter/material.dart';
void showLoading(BuildContext context, {required String text}) {
showDialog(
context: context,
barrierDismissible: false,
builder: (_) {
return SimpleDialog(
children: <Widget>[
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
CircularProgressIndicator(
color: Theme.of(context).primaryColor,
),
const SizedBox(height: 10),
Text(text, textAlign: TextAlign.center),
],
),
],
);
},
);
}
void hideLoading(BuildContext context) {
if (Navigator.canPop(context)) {
Navigator.of(context).pop();
}
}
我希望這個答案對你有幫助,你需要在 SimpleDialog 下更改背景顏色
void showLoading(BuildContext context,String text){showDialog(context:context,barrierDismissible:false,builder:(_){return SimpleDialog(backgroundColor:Colors.transparent,海拔:0,孩子:[列(mainAxisAlignment:MainAxisAlignment.center,孩子:[CircularProgressIndicator(顏色:Theme.of(context).primaryColor,),const SizedBox(高度:10),Text(文本,textAlign:TextAlign.center),],),],);},); }
用這個
showDialog(
context: context,
barrierDismissible: false,
builder: (_) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
CircularProgressIndicator(
color: Theme.of(context).primaryColor,
),
const SizedBox(height: 10),
Text(text, textAlign: TextAlign.center),
],
),
);
},
);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.