484 questions
0
votes
1
answer
62
views
How to preserve ExpandablePageView dynamic height when used inside NestedScrollView with SliverAppBar in Flutter?
I’m using expandable_page_view to make my PageView adjust its height based on the current page content.
It works fine in a normal Column, but when I put it inside a NestedScrollView with a ...
0
votes
0
answers
151
views
CustomScrollView body is visible under the transparent SliverAppBar
I'm trying to implement a layout with a non-solid background (e.g. a gradient), while using a SliverAppBar with FlexibleSpaceBar. The goal is to make the SliverAppBar transparent, so the background ...
0
votes
0
answers
27
views
NestedScrollView Issue with not stopping on reached to top of screen view is going under the Sliver App bar
return DefaultTabController(
length: 2,
child: NestedScrollView(
headerSliverBuilder: (context, innerBoxIsScrolled) {
return [
SliverAppBar(
...
0
votes
0
answers
54
views
How to make stacked sticky headers replaceable by the latest one?
Question: How to make stacked sticky headers replaceable by the latest one?
I am trying to show a list of events for the days of calendar to my users. I near to finishing the view, but I am stuck in ...
0
votes
0
answers
62
views
Flutter Slivers that hide themselves underneath Persistent Headers without a background
I'm trying to build a UI that utilizes Flutter's Slivers to have a Sliver that sticks to the top and every Sliver after it continues scrolling while also hiding itself when it hits the bottom of the ...
0
votes
0
answers
66
views
Flutter content not Appearing Correctly in release mode but work is perfectly in debug mode
I have flutter app consisting of 3 pages Home ,Category and Vedio Player
All of Them appear incorrectly in release mode
The home is made using customSliverView containing (SliverAppaBar and ...
1
vote
1
answer
181
views
Flutter pinned SliverPersistentHeader goes behind a transparent AppBar (extendBodyBehindAppBar: true)
I'm building a Flutter screen that has a transparent AppBar in the parent Scaffold and a child screen (LobbyScreen) with its own CustomScrollView. I want to pin a SliverPersistentHeader below the ...
0
votes
0
answers
55
views
Is there a way to remove the SliverFillRemaning?
I'm working on a Flutter app where I have a TabBarView under a TabBar to display different lists. Each list dynamically generates HistoryCard widgets based on a mock data source. However, when the ...
1
vote
1
answer
199
views
How to Pin a SliverAppBar Below the Status Bar?
I have a layout with three Slivers:
A SliverAppBar (not pinned).
A second SliverAppBar (pinned, containing a SearchBar).
A SliverList.
The issue is with the second SliverAppBar. I want it to be ...
2
votes
1
answer
92
views
How to make a SliverList a DragTarget in Flutter
I have a CustomScrollView with multiple SliverList widgets, and I want each SliverList to act as a DragTarget. How can I make these lists accept drag-and-drop functionality? Here's a simplified ...
0
votes
0
answers
101
views
How can I properly combine Sliver in a MultiBlocProvider in Flutter?
There are Questions here that sound similar, but don't solve my specific issue, and I cannot seem to extract the information to get it to run. I have a MultiSliver I want to display, I get however the ...
0
votes
0
answers
63
views
Need help creating a specific sliver scroll behavior
I am trying to implement this scroll behavior:
Or in more detail:
A background image that scrolls with a parallax effect
A small red container that contains a circular logo in a stack-like layout
A ...
1
vote
0
answers
76
views
A RenderSliverPadding expected a child of type RenderSliver but received a child of type RenderErrorBox
In my Flutter application, I'm developing a chatbot using flutter_chat_ui. This app can fetch initial messages and display them, but the moment I perform onTap on any of the initial messages, I'm ...
2
votes
0
answers
43
views
is there any possibility to build slivers lazily?
there is huge list of models
if I want to build them lazily I need to use SliverList.builder
Everything looks OK until I need to add sticky headers.
I have to use e.g. SliverMainAxisGroup like this
...
1
vote
0
answers
64
views
How to expand/contract a SliverAppBar shared via ShellRoute with GoRoutes?
This is a follow-up question. Here is the original: How to use CustomScrollView in a GoRouter ShellRoute?
I am trying to generate a CustomScrollView with a collapsible SliverAppBar at the top. Beneath ...
0
votes
1
answer
310
views
How to use CustomScrollView in a GoRouter ShellRoute?
I had the idea to create a CustomScrollView within a GoRouter's ShellRoute so that I could have a reusable SliverAppBar that doesn't have to be re-rendered on every route. Unfortunately, returning a ...
0
votes
1
answer
58
views
RenderFlex Overflow problem when scrolling using SliverAppBar and SliverList
I am encountring a overflow problem within SLiverlist. I have SliverAppBar that callapsed when scrolling the SliverList but at a moment I encounter the RenderFlex overflow by 337 pixels on bottom.
...
0
votes
1
answer
647
views
How to Properly Configure Nested Scroll with SliverOverlapAbsorber in Flutter
I’m building a profile screen in Flutter using a NestedScrollView. I already have a SliverOverlapAbsorber for my SliverAppBar, but I need to add another one for my TabBar. Due to dynamic content with ...
0
votes
1
answer
80
views
Flutter sliver How to achieve this nested scrolling layout?
I want to achieve a complex scrolling behavior in flutter. I assume sliver is the way to go but I could not find a way to solve my problem.
Here is a screen of the content I want to scroll:
The ...
1
vote
1
answer
74
views
How can I implement the iPhone Safari search bar at the bottom UI (floating action) in Flutter?
[enter image description here](https://i.sstatic.net/tCkIRzOy.png)
I like how the search bar on my iPhone's safari is below and the box gets bigger and smaller in real time when I scroll, so it doesn'...
0
votes
1
answer
99
views
Is there a way in flutter to have nested ListViews without using shrinkWrap or specified height for the sublist?
I need to have a list of elements. Each element will have a list (for example, parent comment and its list of replies). But in this case I need to provide shrinkWrap: true or to provide Container with ...
0
votes
1
answer
83
views
Flutter SliverAppBar clip flexibleSpace widget on scroll
I am making an app that pushes a flexibleSpace widget in a SliverAppBar when the user starts scrolling but I'm running into some issues. The flexibleSpace overflows into the list due to using the ...
0
votes
1
answer
252
views
Flutter Sliver Sticky Header hide content behind rounded corners
I implemented a SliverStickyHeader which is working just fine within my CustomScrollView. I only have one problem:
My Sticky header is basically a Container with borderRadius. Now I want my content to ...
-1
votes
4
answers
75
views
I want to achive this nested list UI in flutter
How could we achive this UI in flutter?
The top row buttons hide when scroll up and visible when scroll down and the listview is wrap in a card widget.
https://youtube.com/shorts/6e3q47AMXoU?si=...
0
votes
1
answer
230
views
SliverAppBar and title
I have a SliverAppBar, but I want to make it so that when the user starts scrolling, the title becomes like a regular AppBar (centered on top) + before scrolling, it was on the left, not in the center....
0
votes
0
answers
254
views
Why does slivergrid have poor scrolling animation compared to gridview with shrinkwrap?
I am creating a home page for an e-commerce app that should contain a grid displaying the best selling products.. I used a CustomScrollView widget and created a slivergrid displaying products. The ...
0
votes
1
answer
628
views
How to make nested scroll view to use parents scoll behaviour
I am trying to have the content of my page inside a sliver list but when I scroll, the list of the page and the sliver list scroll behaviours are independent of each other. I want it so that both ...
0
votes
1
answer
515
views
Flutter sliver horizontal navigation
I am new to flutter development and trying to make a horizontal navigation bar that sticks to the top of the page when scrolling. I have worked out that I need to use a customScrollView with Slivers ...
1
vote
1
answer
103
views
Title Alignment in Sliver SpaceFlexibleBar
I'm very desperate. I'm new to flutter and following the tutorials in YT. There I came across following problem and wonder how I'm the only one.
In the YouTube (https://www.youtube.com/watch?v=YY-...
7
votes
3
answers
5k
views
How to Overlay a Scrollable Sliver on a SliverAppBar in Flutter?
I have a CustomScrollView with a SliverAppBar and some slivers. I want to overlay some graphics on the SliverAppBar and have them scroll with the rest of the list.
Here's the code I've been working ...
-1
votes
1
answer
81
views
How to get rid of the leading SliverAppBar icon?
i'm trying to get rid of the leading menu Icon (hamburger Icon), so i put leading to null but still nothing changed, here my code :
CustomScrollView(
slivers: [
...
0
votes
1
answer
410
views
slivertoboxadapter goes under sliverpersistentheader
SliverPersistentHeader Should go behind SliverBoxToAdapter
SliverBoxToAdapter goes under SliverPersistentHeader while I scroll. What I need is for SliverPersistentHeader to go behind ...
0
votes
1
answer
611
views
Flutter Tab Navigation with auto_route, how to avoid transition on SliverAppBar
So I'm starting a project where the main page (HomeScreen) has a NavigationBar and several sub-screens. For the purpose of this demo, I have created two sub-screens called StarScreen and SquareScreen. ...
1
vote
0
answers
139
views
How to use FirestoreListView (with infinite scroll) in a CustomScrollView in Flutter?
I have a FirestoreListView (from firebase_ui_firestore) in my home of my page in flutter.
FirestoreListView(
scrollDirection: Axis.vertical,
...
1
vote
0
answers
81
views
How can I fix video player overflow in landscape mode?
When I changed the phone orientation to landscape video player gives bottom overflow, I'm trying several ways to deal with this. I can't use two listViews because I need the video player to stay at ...
1
vote
0
answers
97
views
Handling 2 different sliverlist state on a single page in flutter
I am trying to create Instagram clone with a different design. So I was trying to add option between 2 different sliverlist, as per the selection of a user to view either their posts or the posts they ...
0
votes
1
answer
272
views
how to give dynamic height to pages in customscrollview
There are four tabs(bottom nav) and every tab has a scrolling page wrapped in Indexstack, Now the issue is if IndexedStack is wrapped with Sizebox( double.infinity) it shows empty pages, but if I set ...
0
votes
0
answers
76
views
Flutter SliverAppBar with custom scrolling
I have a SliverAppBar with an image background, and on top of that some rainbow persistent header as an image. I would like to achieve a situation when I scroll the list of items the image fades away ...
0
votes
0
answers
213
views
Extremely thin line between `SliverAppBar` and `SliverPersistentHeader` in flutter
So I am using a CustomScrollView and inside I have SliverAppBar and SliverPersistentHeader as the first two children, with no styling except blue background color.
But there is a really faint, ...
0
votes
1
answer
105
views
A RenderViewport expected a child of type RenderSliver but received a child of type RenderLimitedBox
I am using Silver Widget to show the list but its showing error
A RenderViewport expected a child of type RenderSliver but received a child of type RenderErrorBox
I think is some issue in stream ...
1
vote
2
answers
716
views
Flutter controll scrolling priority
I have a code that has these main widgets:
CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(
parent: BouncingScrollPhysics(),
),
slivers: [
SliverFillRemaining(
...
0
votes
2
answers
584
views
How to hide part of SliverAppBar when it is behind a widget?
import 'package:flutter/material.dart';
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class ...
1
vote
1
answer
113
views
Center `CustomScrollView` if has space
I have the folowing code:
return Scaffold(
body: CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(
parent: BouncingScrollPhysics(),
),
...
0
votes
0
answers
261
views
Flutter Sliver List --> Error: Getters, setters and methods can't be declared to be 'const'
In Git branch A, I was trying some design tweaks when I thought about using Sliver List and then I wrote something like SliverList() and gave all the params that were required. I almost got that right ...
1
vote
0
answers
226
views
SliverFillRemaining with a SizeTransition occupies more space than the viewport
I have a problem with a SizeTransition that is within a SliverFillRemaining. The issue is that the SliverFillRemaining does not adjust its size proportionally to the height of the SizeTransition. Even ...
0
votes
0
answers
223
views
Flutter Sliver A-Z side menu list
I tried alphabet_scroll_view and azlistview, but it doesnt work with customscrollview and sliverlists.
I have:
customscrollview
Appbar - pinned
title
sliverlist (10 items)
title
sliverlist (...
3
votes
4
answers
3k
views
How to create an infinite scrollable list up and down
I want to create an infinite scrollable list like it is possible to do with ListView.builder :
ListView.builder(
itemBuilder: (context, index) => Text(index.toString()),
);
But doing so only ...
0
votes
1
answer
469
views
Flutter TabBarView inside CustomScrollView - Unresponsive content and scrolling issues
I'm trying to implement a Flutter app with a TabBarView inside a CustomScrollView and below CupertinoSliverNavigationBar, where each tab has scrollable content. However, I'm facing some issues with ...
0
votes
1
answer
370
views
How to start displaying the Pinned header children from the first child always when the children changes dynamically
I'm using CustomScrollView and sliver_tools package to display a list view with a SliverPinnedHeader.
In the SliverPinnedHeader, I have a tab view kind of layout where the user is allowed to select a ...
1
vote
1
answer
1k
views
When scrolling first page in NestedScrollView the second page will be scrolled underneath SliverPersistentHeader as well
I have NestedScrollView as such:
headers: [
SliverToBox(), // This scrolls away
SliverPersistentHeader(), // This needs to pin
]
body: TabBarView() // Classic TabBar view with multiple pages
This ...