Category responsive + but scrollable

[mahmoudr80]

🐛 Describe the bug

The CategoryScreen has two main UI issues affecting usability and responsiveness:
🔴 1. ListView is not scrollable (Critical)

The ListView.builder is configured with:

NeverScrollableScrollPhysics()
shrinkWrap: true
primary: true

This combination disables user scrolling and prevents the list from behaving as a proper scrollable widget.

Impact:
Users cannot scroll through stories when the list is long
Breaks expected app behavior
Causes poor user experience
🟠 2. Empty state layout is not responsive (Major)

The empty-state UI uses a fixed bottom padding:

EdgeInsets.only(bottom: 150.0)

This hard-coded value does not adapt to different screen sizes.

Impact:
UI appears misaligned on smaller or larger devices
Poor responsiveness across devices
Not following Flutter layout best practices
Expected Behavior
The stories list should scroll normally when content exceeds screen height
The empty state should be vertically centered and responsive on all screen sizes
Current Behavior
List does not scroll
Empty state positioning is inconsistent depending on device size
Suggested Fix
Remove NeverScrollableScrollPhysics, shrinkWrap, and primary from ListView
Replace fixed bottom padding with a responsive layout using Center, SafeArea, or flexible widgets
Environment
Flutter (mobile)
Affects CategoryScreen

[github-actions]

👋 Hello @mahmoudr80!
Thank you for opening this issue. Our team will review it soon. 🚀

• If you can, please provide more details like steps to reproduce, expected vs. actual behavior, and screenshots (if applicable). 📌

We appreciate your contribution! 💡

[hiranya25]

I’d like to work on this issue and can take it from analysis to PR.

Proposed plan:

1. Reproduce the issue locally to confirm the current ListView does not scroll and the empty state is misaligned on different screen sizes.
2. Update CategoryScreen by removing NeverScrollableScrollPhysics, shrinkWrap, and primary from ListView.builder to restore standard scrolling behavior.
3. Refactor the empty-state layout by replacing the fixed bottom padding with a responsive layout using SafeArea and Center to ensure consistent positioning across devices.
4. Verify behavior on multiple screen sizes using emulator/device previews.
5. Run flutter analyze and existing tests to ensure no regressions.
6. Submit a focused pull request referencing this issue with before/after screenshots.

If this approach looks good, please assign the issue to me and I’ll proceed with the implementation.

[mahmoudr80]

Thanks for the detailed plan! That approach makes sense. I’ll look into other issues for now.

…

On Thu, Mar 26, 2026 at 8:52 AM hiranya25 ***@***.***> wrote: *hiranya25* left a comment (AOSSIE-Org/Resonate#796) <#796 (comment)> I’d like to work on this issue and can take it from analysis to PR. Proposed plan: 1. Reproduce the issue locally to confirm the current ListView does not scroll and the empty state is misaligned on different screen sizes. 2. Update CategoryScreen by removing NeverScrollableScrollPhysics, shrinkWrap, and primary from ListView.builder to restore standard scrolling behavior. 3. Refactor the empty-state layout by replacing the fixed bottom padding with a responsive layout using SafeArea and Center to ensure consistent positioning across devices. 4. Verify behavior on multiple screen sizes using emulator/device previews. 5. Run flutter analyze and existing tests to ensure no regressions. 6. Submit a focused pull request referencing this issue with before/after screenshots. If this approach looks good, please assign the issue to me and I’ll proceed with the implementation. — Reply to this email directly, view it on GitHub <#796?email_source=notifications&email_token=AUNYXJOB3NB3GTLVOECYVFT4STHTVA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMJTGIYTIOJWGAZKM4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLDGN5XXIZLSL5RWY2LDNM#issuecomment-4132149602>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUNYXJOVMMQILCRNXVE36MT4STHTVAVCNFSM6AAAAACW7ZQOQWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DCMZSGE2DSNRQGI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Mayank4352]

Hey @mahmoudr80, thank you for bringing this up but i think you opened 2 PRs for this

[Mayank4352]

Also, whoever is working on this, I'd like to ask you to not add another package. Use layout builder + media query