SilverAppBar not matching expected behaviour

itsstevenliu commented 7 months ago

Has your issue been reported?

[X] I have searched the existing issues and confirm it has not been reported.
[X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When a SilverAppBar is enabled and pinned = false, floating = false and snap = false, it is behaviouring like floating = TRUE unlike the animated version in Flutter Doc https://api.flutter.dev/flutter/material/SliverAppBar-class.html

Expected Behavior

The app bar is only shown when the list view goes back to the first item of the list view

https://api.flutter.dev/flutter/material/SliverAppBar-class.html.

Check 1st animated example in: https://api.flutter.dev/flutter/material/SliverAppBar-class.html

Steps to Reproduce

Create new page
Add app bar, make expanded height of 255px. Turn on silverAppBar
Add list view with data
Make sure pinned, floating and snap are all set as false
Load and scroll down, and then scroll up.

Reproducible from Blank

[X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4siMn1z8pgoctJ1s7ubPlB/SEvOVM1ULgSsct/cxQcB4j4O7AlPsnOSFpCONSzaH5qKFf8oz4d0PTHifzhVME7FxyCbtU9+pZ2aRPPYz+gbK66ELm8dWhQBZtWFWqByquJrRR4Ve51SVFn1DuYIN+uTT2Cf9qOYwx5e6fDbOY=

Context

Affects a lot of users as it is not implemented per Flutter's doc.

Visual documentation

https://www.loom.com/share/578ced593d674f299d338f9f280437ba

Additional Info

No response

Environment

- FlutterFlow version: 3.13.7
- Platform: iOS & web
- Browser name and version: Chrome Version 121.0.6167.185
- Operating system and version affected: Window 10

Sidies commented 6 months ago

I would like to add to this that the behavior of pinned=true, floating=false also doesn't match the expected behavior.

Interestingly in the preview web page it works as expected but in test mode and even after downloading the apk and testing on device it still doesn't work as expected

This is showing the bugged behavior in the test mode: https://github.com/FlutterFlow/flutterflow-issues/assets/13236803/ad1aeacc-6539-405e-9f89-eb5975155e3d

This is showing the intended behavior in the preview mode: https://github.com/FlutterFlow/flutterflow-issues/assets/13236803/e29baabd-559e-44ea-bee2-4c961f182538

rzambroni commented 6 months ago

Hey @Sidies, thanks for the report, we were able to replicate the issue and the team will be taking a look. Thanks!

FlutterFlow / flutterflow-issues