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=428FC8uTk3TSJcTt
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 with: import 'package:flutter/material.dart'; void main()…
I have a code that has these main widgets: CustomScrollView( physics: const AlwaysScrollableScrollPhysics( parent: BouncingScrollPhysics(), ), slivers: [ SliverFillRemaining( hasScrollBody: true, child: ListView( children: [], ), ), ], ), I have it this way because around the ListView widget I…
import 'package:flutter/material.dart'; class HomePage extends StatefulWidget { const HomePage({super.key}); @override State<HomePage> createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { var opacity = 0.0; @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.purple.shade100, body: SafeArea( child: Stack( children: [ NotificationListener<ScrollUpdateNotification>(…
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 creates an infinite list in "one direction" (down): index can only be…
How can we make this kind of list behavior? As input parameters we have index of the element to be fixed (can be found in advance if necessary) list of items I can imagine a way to fix the element…
I'm having trouble using the Hero widget with SliverAppBar. class MyHomePage extends StatelessWidget { const MyHomePage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Flutter Demo Home Page'), ), body: Center( child: Row( children: [Colors.red, Colors.blue, Colors.yellow]…
I want to have Navigator Widget in the CustomScrollView(CustomScrollView as a parent of Navigator) but It gives an error in my flutter app: constraints.biggest.isFinite is not true My Code: import 'package:flutter/material.dart'; class Example extends StatelessWidget { const Example({Key? key}) :…
I have a ListView in a CustomScrollView widget that should display some text but the problem is that it does not display anything. if i remove the CustomScrollView widget, the problem will be solved! But i need to use CustomScrollView…
i'm trying to integrate a listView.builder in my UI! First of all, the whole content of the screen is inside a CustomScrollView that has silver widgets inside of it. Everything works pretty fine unless that my listview is not scrolling.…