I’m engaged on a fancy app the place 12 totally different dynamic screens are rendered utilizing a principal guardian ListView (yellow space within the sketch). Because of current structure and shared logic, I can’t take away or substitute the guardian ListView — it’s important throughout all screens.
❗Drawback:
Considered one of these screens wants a really particular format:
📌 I have to implement:
- ✅ A sticky header contained in the
ListView(non-scrollable) - 🧾 A scrollable record within the center (peach-colored playing cards)
- ✅ A sticky footer contained in the
ListView(non-scrollable)
All of this should dwell inside a toddler of the primary ListView, with out breaking the construction of the opposite 11 screens.
📷 Visible Reference:
- Left aspect = This particular display format I’m attempting to implement.
- Proper aspect = Different dynamic screens (working advantageous).
Key constraints:
- The center (peach part) ought to scroll independently.
- The header and footer should keep seen/sticky inside the ListView.
- The scrollable part is dynamic: it could embody checkboxes, lengthy descriptions, digicam widgets, and many others.
💡 What I’ve Tried:
CustomScrollView+SliverPersistentHeader: would not work since I can’t take away the guardianListView.- Nested
ListVieworSingleChildScrollViewwith mounted peak: works in concept, however breaks when peak must be dynamic or content material varies.
💬 My Questions:
👉 Is there a clear and dependable option to simulate sticky header/footer conduct inside a ListView little one?
👉 Any greatest practices for managing scrollable content material between mounted sections inside a ListView, particularly when that center content material is dynamic?
Notice: I can create a separate display with a brand new format only for this case, however I wish to learn to resolve this format drawback correctly inside the present construction — for scalability and understanding.
Would actually respect your ideas, expertise, or artistic format options 🙏
