Skip to content

FadeInImage should allow the removal of the "fadeout" of the placeholder #97068

New issue
New issue
Closed
#186246
Closed
FadeInImage should allow the removal of the "fadeout" of the placeholder#97068
#186246
Labels
P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilityc: proposalA detailed proposal for a change to Flutterp: material_uimaterial_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Description

@guplem
guplem
opened on Jan 22, 2022

While using the "FadeInImage" widget, an option to disable the fadeout of the place should be given.
I want my images to appear after loading without the placeholder being gone. It is weird to have a transition to blank, to have a transition to the image once the previous one is finished.

Proposal

A boolean parameter on the constructor to disable the fade out of the placeholder.
If that behaviour is selected, the loaded image should appear on top of the placeholder. Now the placeholder gets faded out before the image gets faded in.

Activity

  1. darshankawar
    added
    in triagePresently being triaged by the triage team
    p: material_uimaterial_ui package in flutter/packages
    frameworkflutter/packages/flutter repository. See also f: labels.
    c: proposalA detailed proposal for a change to Flutter
    c: new featureNothing broken; request for a new capability
    and removed
    in triagePresently being triaged by the triage team
    on Jan 24, 2022

  2. MerNat commented on Feb 21, 2023

    @MerNat
    MerNat
    on Feb 21, 2023

    This is so important.

  3. flutter-triage-bot
    added
    multiteam-retriage-candidate
    team-designOwned by Design Languages team
    triaged-designTriaged by Design Languages team
    on Jul 8, 2023
  4. Hixie
    removed
    multiteam-retriage-candidate
    on Mar 6, 2024
  5. flutter-triage-bot
    removed
    triaged-designTriaged by Design Languages team
    on Feb 16, 2026

  6. flutter-triage-bot commented on Feb 16, 2026

    @flutter-triage-bot
    flutter-triage-botBot
    on Feb 16, 2026

    This issue is missing a priority label. Please set a priority label when adding the triaged-design label.

  7. dkwingsmt
    added
    good first issue
    P3Issues that are less important to the Flutter project
    on Feb 18, 2026

  8. 9 remaining items

  9. anazr9
    added 3 commits that reference this issue on Jul 21, 2026

    Add FadeInImageTransition enum to control placeholder fade-out behavior

    0235218

    Add FadeInImageTransition enum to control placeholder fade-out behavior

    411a080

    Add FadeInImageTransition enum to control placeholder fade-out behavior

    1698102
  10. anazr9
    added 2 commits that reference this issue on Aug 9, 2026

    Add FadeInImageTransition enum to control placeholder fade-out behavior

    e8acfa2

    Add FadeInImageTransition enum to control placeholder fade-out behavior

    dce1da3
  11. Piinks
    added
    packageflutter/packages repository. See also p: labels.
    and removed
    frameworkflutter/packages/flutter repository. See also f: labels.
    on Aug 17, 2026
  12. anazr9
    added 4 commits that reference this issue on Aug 19, 2026

    Add FadeInImageTransition to control the placeholder-to-image animation

    69666c7

    Add FadeInImageTransition to control the placeholder-to-image animation

    e7a6570

    Add FadeInImageTransition to control the placeholder-to-image animation

    1d0e218

    Add FadeInImageTransition to control the placeholder-to-image animation

    3141a47
  13. auto-submit
    closed this as completedin #186246on Sep 2, 2026
  14. pull
    added a commit that references this issue on Sep 2, 2026

    Add FadeInImageTransition.fadeInOver to fade the image in over the pl…

    644a7c8

  15. github-actions commented on Sep 16, 2026

    @github-actions
    github-actionsBot
    on Sep 16, 2026 – with GitHub Actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  16. github-actions
    locked as resolved and limited conversation to collaborators on Sep 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilityc: proposalA detailed proposal for a change to Flutterp: material_uimaterial_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions