Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 带有GIF图像的自定义进度指示器_Flutter_Dart_Gif_Progress - Fatal编程技术网

Flutter 带有GIF图像的自定义进度指示器

Flutter 带有GIF图像的自定义进度指示器,flutter,dart,gif,progress,Flutter,Dart,Gif,Progress,我想为进度指示器创建一个对话框。我想使用GIF文件 这是gif图像: 最好的方法是在对话框中显示gif。您可以这样做: //当前为透明,请将其更改为所需的背景色 var_backgroundColor=Colors.transparent; 显示对话框( 上下文:上下文, 背景色:, 生成器:(BuildContext对话框上下文){ 返回警报对话框( 背景颜色:_backgroundColor, 内容:容器( 儿童:中心( 子:Image.asset( 'assets/test.gif',//

我想为进度指示器创建一个对话框。我想使用GIF文件

这是gif图像:


最好的方法是在对话框中显示gif。您可以这样做:

//当前为透明,请将其更改为所需的背景色
var_backgroundColor=Colors.transparent;
显示对话框(
上下文:上下文,
背景色:,
生成器:(BuildContext对话框上下文){
返回警报对话框(
背景颜色:_backgroundColor,
内容:容器(
儿童:中心(
子:Image.asset(
'assets/test.gif',//将gif放入assets文件夹
宽度:100,
),
),
),
);
},
);
请注意,您选择的GIF具有纯色背景。如果只想显示进度指示器,则有3个选项:

  • 从gif中删除背景
  • 选择具有透明背景的gif
  • 将_backgroundColor设置为与gif中的背景相同的颜色

p/s:另一个选择是使用Flare/Rive自行设计动画,但这有点超前。您可以

您可以使用pub.dev中的软件包或仅使用gif