I'm trying to make a single column smooth scrolling for multiple components, including a ListView that shows old messages from backend, another ListView that shows a list from PageState Variable, and some other cards and UIs.
What bothers me is that if I have a single scrollable column and have the oldMessages to infinitely scroll through pagination, the page would load all the old messages when loading the page even if I didn't scroll.
https://community.flutterflow.io/widgets-and-design/post/cannot-render-list-item-with-dynamic-flexible-height-7CcKjap6keinnlY Here's a post that points out the issue and suggests wrapping a fixed height container.
But if I add the container, it is no longer a single page scrolling.
I have attached videos for both layouts. I really would love the page to load only the first batch for old messages, then load more if the user scrolls up. All in one single page scrolling!!!