search

FlutterFlow / flutterflow-issues

A community issue tracker for FlutterFlow.
115 stars 19 forks source link

Unwanted line appears in SliverAppBar with image background in FlutterFlow. #3621

Open valera-kytyzov opened 1 month ago

valera-kytyzov commented 1 month ago

Can we access your project?

Current Behavior

When enabling SliverAppBar with a set expanded height and a background image in FlutterFlow, wrapping the title in a container with a semi-transparent background causes an unwanted line. This line is not visible in the editor but is visible when the project is run.

Expected Behavior

The UI should render the SliverAppBar without any unwanted lines, accurately reflecting the design shown in the editor.

Steps to Reproduce

  1. Enable AppBar in a FlutterFlow project.
  2. Enable SliverAppBar.
  3. Set an expanded height.
  4. Add a background image.
  5. Enable Use Flexible Space. Set to zeroes
  6. Wrap the title in a container.
  7. Set the container's background to be semi-transparent.
  8. Run the project and observe the unwanted line.

Reproducible from Blank

Bug Report Code (Required)

ITESz/Hqx89gobhI1pCBYMFQhQAkKUg4WLg7m9dTdwgdJZ+rOrMlPer+VGRuOLSrfVdmfVCJmkcewujwidrmUcYCFE2aQoNoz7tibxWUUlGuR5iKCKuwSER6J+9mJ3XEyJ6NhBZBBNFhV00jw3z/cq3qNleeY8aSfxBlZ7vfcPo=

Visual documentation

Reproducing in editor: https://github.com/user-attachments/assets/0d952292-3f8a-40f3-9a56-a41d9a03be02

Result in Local Runned App https://github.com/user-attachments/assets/57e121c3-58cc-470a-b233-22af6d2709fa

Environment

- FlutterFlow version: v4.1.82+ released August 7, 2024
- Platform: Mobile
- Operating system and version affected: Android 14

Additional Information

No response

paulperez-dev commented 1 month ago

Hi @valera-kytyzov! I was able to reproduce the issue, I will send it to the ENG team so they can work on this!

The issue is with the title padding, which is not being added as specified.