'TabView inside SliverFillRemaining is not filling up all space and causing overflow

I'm using routemaster as my navigator for the TabBar and I'm trying to use the TabBarView this inside CustomScrollView. I want TabBarView to expand to the full height as its children so I wrapped it inside SliverFillRemaining still it's causing overflow.

CustomScrollView(
                  controller: scrollController,
                  slivers: [
                    ///-------------Overlay header starts here--------------
                    SliverToBoxAdapter(child: HeaderWidget()),
                    ///-------------Overlay header ends here--------------

                    ///-------------Overlay body starts here--------------
                    SliverFillRemaining(
                      child: Container(
                        color: Colors.white,
                        padding: widget.viewPadding,
                        child: TabBarView(
                          physics: NeverScrollableScrollPhysics(),
                          controller: TabPage.of(context).controller,
                          children: [
                            for (final stack in TabPage.of(context).stacks)
                              PageStackNavigator(stack: stack),
                          ],
                        ),
                      ),
                    ),
                    ///-------------Overlay body ends here--------------

                    ///-------------Overlay buttons starts here--------------
                    SliverToBoxAdapter(child: FooterWidget()),
                    ///-------------Overlay buttons ends here--------------
                  ],
                ),

enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source