Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Add a collapsedOpacity parameter to FlexibleSpaceBar's background.. #167543

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
colbymaloy opened this issue Apr 22, 2025 · 2 comments · May be fixed by #167705
Open

Add a collapsedOpacity parameter to FlexibleSpaceBar's background.. #167543

colbymaloy opened this issue Apr 22, 2025 · 2 comments · May be fixed by #167705
Labels
c: proposal A detailed proposal for a change to Flutter f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. P3 Issues that are less important to the Flutter project team-design Owned by Design Languages team triaged-design Triaged by Design Languages team

Comments

@colbymaloy
Copy link

Use case

Im using a background image in my flexible space bar, and while i know i can just replace it with another widget, it seems to kinda avoid the intended widget - the FlexibleSpaceBar.

I dont see any reason why we're forced to accept the opacity animated to 0 there.

Proposal

add parameter to flexible space bar to bypass opacity animation
@danagbemava-nc danagbemava-nc added in triage Presently being triaged by the triage team framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. c: proposal A detailed proposal for a change to Flutter team-design Owned by Design Languages team and removed in triage Presently being triaged by the triage team labels Apr 23, 2025
@dkwingsmt dkwingsmt added P2 Important issues not at the top of the work list triaged-design Triaged by Design Languages team P3 Issues that are less important to the Flutter project and removed P2 Important issues not at the top of the work list labels Apr 23, 2025
@rkishan516 rkishan516 linked a pull request Apr 24, 2025 that will close this issue
Open
9 tasks
@Piinks
Copy link
Contributor

Piinks commented May 1, 2025

Hey @colbymaloy it would help if you would provide sample code reproducing your issue, explaining your expected behavior versus what the actual behavior is. Thanks!

@Piinks Piinks added the waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds label May 1, 2025
@colbymaloy
Copy link
Author

colbymaloy commented May 8, 2025 •
edited
Loading

sure @Piinks , using the flexibleSpace property of SliverAppBar and a FlexibleSpaceBar

flexibleSpace: FlexibleSpaceBar( background: Image.network( controller.map.backgroundImage!.insertSizing(900), fit: BoxFit.cover, ), ),

when you scroll up, the background widget gets animated to invisible.

there is no way to change this behavior outside of using a custom widget, which bypasses the FlexibleSpaceBar, that seems like the intended widget to use here..just kinda annoys me to use a widget that isnt intended.

@github-actions github-actions bot removed the waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds label May 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
c: proposal A detailed proposal for a change to Flutter f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. P3 Issues that are less important to the Flutter project team-design Owned by Design Languages team triaged-design Triaged by Design Languages team
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Feat: Add collapsedOpacity for FlexibleSpaceBar rkishan516/flutter
4 participants
@dkwingsmt @Piinks @colbymaloy @danagbemava-nc