Flutter开发之——动画-Gif动画

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • Image组件支持加载GIF图片
  • GIF本身是一种动态的图片，其中定义了每一帧的播放时长和动画的总时长

二 添加GIF

2.1 素材

2.2 添加GIF

  • 将素材添加到images文件夹中

  • 在pubspec.yarm文件夹中添加图片素材路径

    1
    2
    assets:
       - images/flutter-cat.gif

  • 执行右上角的Pub get

三 示例

3.1 代码

1
body:Center(child: Image.asset("images/flutter-cat.gif"),),

3.2 效果图