Flutter开发中能否关闭图片显示时的默认入场动画？

你代码中出现的图片从底部浮入的动画并不是Flutter官方Image组件的默认效果，来自你引入的DelayedDisplay组件的内置入场动画，此外Image组件自带淡入过渡效果，两种动画的关闭方式如下：

• 禁用DelayedDisplay的浮入动画
  给DelayedDisplay组件添加两个参数即可完全关闭它的滑动和淡入效果：

DelayedDisplay(
  delay: Duration(seconds: 3),
  // 关闭淡入动画时长
  fadingDuration: Duration.zero,
  // 关闭滑动偏移，取消浮入效果
  slidingBeginOffset: Offset.zero,
  child: Container(
    width: 200,
    height: 200,
    child: Image.network(
        '图片链接'),
  ),
)

• 禁用Image组件默认淡入动画
  如果不需要Image加载完成后的默认淡入过渡，给Image.network添加以下参数即可：

Image.network(
  '图片链接',
  fadeInDuration: Duration.zero,
  fadeOutDuration: Duration.zero,
)

完整修改后代码示例 #

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: DelayedDisplay(
          delay: Duration(seconds: 3),
          fadingDuration: Duration.zero,
          slidingBeginOffset: Offset.zero,
          child: Container(
            width: 200,
            height: 200,
            child: Image.network(
                '图片链接',
                fadeInDuration: Duration.zero,
                fadeOutDuration: Duration.zero,
            ),
          ),
        ),
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者eng.gergely.zsolt