484 questions
0
votes
0
answers
436
views
how can I achieve these effects in design (snap effect, change align when scrolling)
I need to design screen like this in short videovideo_link
I did this but its not very similar to the previous effect
here I create CustomScrollView with NotificationListener to achieve snap effect, ...
0
votes
1
answer
733
views
How to create a fading edge with SliverList in flutter
I am trying to create a fading edge with Flutter's SliverList. Like this:
Here's my code:
class MyWidget extends StatefulWidget {
const HymnView({Key? key}) : super(key: key);
@...
0
votes
0
answers
202
views
Flutter: Reduce space in ExpansionTile using SliverAppBar
I am using a SliverAppBar with an ExpansionTile as the body. Expanding the ExpansionTile the app displays a ListView.builder.
Using the SliverAppBar it somehow adds some space between the subtitle and ...
0
votes
1
answer
646
views
Animated Listview-item to show more information
I want to add an animation to my ListView items. Therefor I wrapped them in an AnimatedController and made the height dynamic to show more information after the user taped on the item.
Here is my code:...
0
votes
1
answer
863
views
How to create custom header which hides and shows on scroll, like Facebook app
I'm trying to replicate a custom header, above a ListView, which hides and shows when the user scrolls the list. Very specifically, I want it to behave like the Facebook app... as soon as the user ...
2
votes
1
answer
2k
views
Flutter scrollbar that is in horizontal scrollview doesnt show correctly inner scrollview
So, I have bigger scroll view that scrolls horizontally, and inside - little box (red color) and smaller scrollview (orange color) that scrolls vertically.
There are two scrollbars on the bigger ...
3
votes
1
answer
759
views
Fix for buggy Line at the bottom of SliverAppBar
i'd like to know if you know a fix for this problem. If you have an SliverAppBar witch looks somewhat like this (just an example)
class CostumeSliverAppBar extends StatelessWidget {
static const ...
3
votes
1
answer
2k
views
Implementing snapConfiguration to SliverPersistentHeader
I am trying to implement snap feature to SliverPersistentHeader but couldn't figure it out and couldn't find a good documentation on this.
My code:
class MyDelegate extends ...
1
vote
2
answers
2k
views
Sliver appbar not stretching flutter
Im so confuse why my sliverappbar doesnt stretch and zoom when I reach the top list. I following the flutter video
https://youtu.be/mSc7qFzxHDw
I tried the following code
class AppBar5 extends ...
0
votes
1
answer
2k
views
CustomScrollView Custom Scrolling Flutter
I have been studing and trying to do some projects and stack in this. So, I created CustomScrollView and the SliverAppBar has to be either fully opened or fully closed. I tried to do but have problems ...
1
vote
1
answer
590
views
Pin widget for some seconds when widget comes into viewport in SliverStreamGrid while scrolling
I have CustomScrollView with a SliverGrid with different widget types inside. I have a widget that appears after the stream content ends and other content will load. When this widget appears, I want ...
1
vote
0
answers
240
views
CustomScrollView with SliverPersistentHeader blank in release-apk
I implemented a collapsible appbar with A CustomScrollView with a SliverPersistentHeader and SliverList as its slivers. and this works as expected when running the debug apk but when I build a release ...
0
votes
0
answers
337
views
How to place TabbarView (child: slivergrid) inside a CustomScrollView (children: Slivers) in flutter
I cant figure out how to use a tabbarview inside of a customscrollview that requires slivers for children. I have tried to wrap the tabbar view in anything i could think of but no luck so far.
desired ...
0
votes
1
answer
2k
views
SliverPersistentHeader without using CustomScrollView
I had a CustomScrollView which looked like:
CustomScrollView(
slivers: [
SliverPersistentHeader(
floating: true,
delegate: MyPersistentHeaderDelegate(),
),
SliverList(...),
...
1
vote
1
answer
978
views
How can I replace appBar with SliverAppBar in my code?
class _HomepageState extends State<Homepage> {
int pageNum = 0;
final pages = [
TodayPage(), /*HistoryPage()*/
];
@override
Widget build(BuildContext context) {
return ...
1
vote
1
answer
106
views
ReorderableSliverList with Futurebuilder
I'm trying to populate a ReorderableSliverList with data from an API using FutureBuilder.
Model (RouteOrderTable)
RouteOrderTable(
{required this.deliveryPeriod,
required this.driverId,
...
4
votes
1
answer
3k
views
Flutter: Differences between SliverList and SliverFixedExtentList
What are the differences between SliverList and SliverFixedExtentList in Flutter?
According to the documentation of each widget:
SliverList: "A sliver that places multiple box children in a ...
4
votes
1
answer
5k
views
Flutter SliverList with horizontal scrolling and sticky header
I've been trying for a while now but I cannot get it to work.
I want to create a list view in a CustomScrollView with a CupertinoSliverNavigationBar. The SliverList has to be scrollable horizontally. ...
4
votes
1
answer
10k
views
Custom Sliver App Bar in flutter with an Image and 2 Text widgets going into app bar on scrolling
i want to implement the sliver app bar as shown in the the 2 pictures given below. After much googling , I fount about the CustomScrollView widget and the SliverAppBar widget but all the tutorials and ...
0
votes
0
answers
185
views
How can I achieve animated app bar with tab bar(defaultTabController) sticky under it when scrolling down?
I want to show a transparent background appbar with (extendBodyBehindAppBar:true) initially. When I'm scrolling, the appbar should get background color and I have defaultTabController inside the body, ...
1
vote
1
answer
1k
views
Nasted List without shrinkwrap (Flutter)
Take a look at these examples first,
class Example1 extends StatelessWidget {
const Example1({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return ListView....
4
votes
2
answers
2k
views
SliverList inside ExpansionTile without Shrinkwrap (Flutter)
Is there any way to build a SliverList inside ExpansionTile?
The reason I want to do this,
I have a really large amount of data that needs to be put inside the expansion tile. Expansion tile needs ...
2
votes
0
answers
579
views
Scrollbar laggy with images in sliverlist when we scroll
I use a SliverList to show a list of posts with images.
But when i scroll down in this list, i feel so laggy with scrollbar.
Anyone has a solution ?
Thank you very much.
0
votes
1
answer
696
views
How to prevent viewport offset of CustomScrollView when delete items?
I am implementing a chat and there is a problem when items removes from list.
If I delete several items from bottom of the CustomScrollView, the scroll position offsets up depending on sum of height ...
0
votes
4
answers
3k
views
How to make persistent AppBar and floating widget just below AppBar in flutter
I want to make my AppBar persistent (it should not float like tabbar) while I want to place a widget or say tabbar just below appbar which will float and be pinned to appbar just like spotify app of ...
-2
votes
1
answer
769
views
Scroll background container in Flutter
I am trying to build scrollable screen, where brown background Container must scroll with List of elements when black container near this container.
How can I do it?
I thought about Positioned, but I ...
1
vote
0
answers
2k
views
SliverList inside SliverList
I've run into large scrolling lists. Sometimes you need to write multiple recursive SliverLists.
I used one package (https://pub.dev/packages/sliver_tools) to solve this problem but you can't use ...
2
votes
4
answers
8k
views
How to implement staggered grid view with SLIVERS in Flutter?
I want to implement a Staggered GridView, because my SliverGrid delegate requires an aspect ratio, and I want the grid items to be dynamically sized which is only possible with staggered gridview as ...
17
votes
1
answer
14k
views
Flutter. How to add Padding for SliverGrid
I use CustomScrollView with SliverGrid. I add space between grid items using this:
mainAxisSpacing: 8, crossAxisSpacing: 8.
But is it possible to add space (margin/padding) before the first and after ...
0
votes
1
answer
88
views
how to add new element to Slivers Flutter with changing the UI?
i need once the user click on send button. the text input field which he had add will be added to a list to be displayed inside the ListView. but the listView does NOT render the new element of the ...
2
votes
2
answers
2k
views
How to achieve sliver in flutter when collapsing content is dynamic
I have a requirement to develop a screen where there is collapsible content to be achieved using sliver.
However, the height of collapsible content is dynamic and depends on the number of dynamic ...
1
vote
2
answers
2k
views
pin tab bar below appBar
When scroll, how can I make the 4 tab pinned (It should show below appBar) ?
Scaffold(appBar..,
body:DefaultTabController(
length: 4,
child: CustomScrollView(slivers: <Widget&...
3
votes
1
answer
925
views
Can Navigator.push be used in ternary with Flutter
I have a page with an app bar that has four tabs. On one of the tabs I am trying to use a condition in the build method to display a custom scroll view with specific content if the condition is true. ...
7
votes
1
answer
10k
views
what is the difference between SliverAppBar and SliverPersistentHeader in Flutter?
What is the main difference between SliverAppBar and SliverPersistentHeader ?
What differ most in terms of their usage purpose ?
1
vote
1
answer
668
views
Tab Bar doesn't scroll in inside Sliver Persistent Header
I'm trying to get a scrollable TabBar working inside a Sliver Persistent Header. The tabs are clickable, but I cannot scroll through the tabs. Am I doing something wrong? I'm using the latest version ...
2
votes
1
answer
1k
views
Flutter- How can I add Title to SliverList's SliverChildBuilderDelegate?
I want to achieve a design similar to the below image. I have used SliverList with CustomScrollView. Now, How can I add a title to the SliverList?
There are multiple horizontal and vertical scroll ...
3
votes
0
answers
359
views
Flutter NestedScrollView and SliverAppBar within AutoTabsRouter and nested Scaffolds as children is not working?
Here is my code. The Appbar stays static when I scroll down.
If you need more of the code, let me know.
I'm using auto_route flutter and the routes InvestHomeRouter() and BonusHomeRouter() lead to ...
-1
votes
1
answer
919
views
How do I an extra widget in between SliverAppBar and SliverList/Grid?
I want to add a similar item between my SliverAppBar and SliverList. I tried using a regular Row, but it kept throwing an exception. I know about SliverPadding, so I was wondering if there's something ...
0
votes
1
answer
1k
views
What is the purpose of property semanticIndexCallback in SliverChildBuilderDelegate and SliverChildListDelegate?
In the documentation, it is stated as:
A callback which produces a semantic index given a widget and the
local index.
The statement from the documentation itself is hard to understand, so I am here ...
0
votes
1
answer
651
views
The argument type 'num' can't be assigned to the parameter type 'double?'. SliverAppBar
I am trying to set expanded height according to image from URL.
I implemented a Future function.
Future<double> _calculateImageRatio(String url) async {
double ratioX = 0.0;
Completer<...
0
votes
1
answer
1k
views
Flutter SliverGrid Flip Axis
tl;dr How do I flip the X axis in a SliverGrid?
I have to display a long list in a grid (every cell is equal in size). I can request the list from a server with pagination. Now the user should be able ...
0
votes
1
answer
2k
views
How to select specific radio button and get its value in ListView.builder Flutter
I would like to create a list of data that is called JSON with radio button. However, when I select any of the radio buttons it is selecting each and every radio button rather than selecting one. And, ...
0
votes
1
answer
771
views
A RenderShrinkWrappingViewport expected a child of type RenderSliver but received a child of type RenderFlex
i am new in flutter and firebase integration. i am trying to build mobile app that connect to firestore.
i am trying to use paginate firestore in my mobile app. But i got error message that said "...
0
votes
2
answers
1k
views
Sliver App Bar not displaying correctly - Flutter
I'm trying to display a SliverAppBar as shown on my design
but I'm not sure it can be done in Flutter
here is my code so far
SliverAppBar(
// title: ,
backgroundColor: Colors.grey[...
3
votes
1
answer
2k
views
Flutter, how to move leading and action on SliverAppbar to the bottom
im making a notes app like this :
as you can see, my title is below the leading and action icon, but I want to make it reverse like this:
how can i make it like that? Here's my code :
SliverAppBar(
...
2
votes
1
answer
397
views
How to animate title bar (sliver) from left to center with a expandedHeight: 0?
I've tried scouring the Internet for a solution but every current available solution are with some expandedHeight.
I am looking for a solution to just move the title of a SliverAppBar to the center of ...
1
vote
2
answers
2k
views
Present an empty view in a Flutter widget to be used in the slivers of a CustomScrollView
Related question:
How to present an empty view in flutter?
Like that question, I need to return an empty view from Widget.build to indicate that there is nothing to render, but of course cannot return ...
1
vote
0
answers
168
views
Make an animated container behave like collapsing toolbar in flutter
Image looks like this
I have this widget that acts as a tab bar but was not create with a Tab bar. I want that widget to behave like a collapsing toolbar. Can anyone please help me out? This is the ...
3
votes
1
answer
2k
views
Flutter. Is it possible somehow decorate SliverList/SliverGrid?
I need to make a scrollable for all content for partiular page, but the problem is that I need to have dynamic list at the middle, which grows. So I use CustomScrollView. From top to bottom at slivers[...
0
votes
1
answer
2k
views
how to make a widget to be on the bottom of the screen if using SliverStack?
as you can see at the image above, I have a red container stick on the top (right below the app bar). here is the code I use
CustomScrollView(
slivers: [
SliverAppBar(),
...