Currently, the pictures in announcements are not properly fitting the screen, especially on tablets, leaving small margins at the top and bottom. This issue affects the visual presentation and user experience of the announcement screen.
To address this issue, the following changes have been made:
In the AnnouncementScreen.dart file, the fit property of the Image widget has been changed from BoxFit.fitWidth to BoxFit.fill.
The BoxFit.fill value ensures that the image fills the entire available space of the widget, both horizontally and vertically, while maintaining its aspect ratio.
By making this change, the pictures in announcements will now properly fit the screen, eliminating the small margins at the top and bottom, resulting in an improved visual presentation.
Tests
π§ͺ Use case 1
π¬ Description:
Launch the app on a tablet device.
Navigate to the announcement screen.
Verify that the picture in the announcement fills the entire screen, without any visible margins at the top or bottom.
π· Screenshots or GIFs (if applicable):
Checklist:
[x] Coding Standards: I have reviewed my code to ensure it follows the project's coding standards.
[x] Testing: I have tested the changes and they work as expected.
[x] Merge Conflicts: I have resolved any merge conflicts with the latest main/development branch.
[x] Branch Status: The branch is up-to-date with the target branch (main/development).
π Summary
This PR fixes #1019
Description
Currently, the pictures in announcements are not properly fitting the screen, especially on tablets, leaving small margins at the top and bottom. This issue affects the visual presentation and user experience of the announcement screen.
To address this issue, the following changes have been made:
AnnouncementScreen.dart
file, thefit
property of theImage
widget has been changed fromBoxFit.fitWidth
toBoxFit.fill
.BoxFit.fill
value ensures that the image fills the entire available space of the widget, both horizontally and vertically, while maintaining its aspect ratio.By making this change, the pictures in announcements will now properly fit the screen, eliminating the small margins at the top and bottom, resulting in an improved visual presentation.
Tests
π§ͺ Use case 1
π¬ Description:
π· Screenshots or GIFs (if applicable):
Checklist: