Exploring Flutter’s new Sliver API: A Comprehensive Guide
Unless you’re a Multimillion or a Billion dollar company, you probably don’t have a multimillion-dollar ad budget or professional Spinners. Your product needs to stand out on its own merits like App Quality, Performance, UI design, and User Experience. Most companies don't care about you, your product, and your vision or dreams. They don't give a damn about either their work helped you to get more business, revenue, users, or solving a problem. That's where CANOPAS comes into the picture. Whether you have a GREAT IDEA and you want to turn it into a DIGITAL PRODUCT. OR You need a team that can turn your NIGHTMARES into SWEET DREAMS again by improving your existing product. We help Entrepreneurs, startups, and small companies to bring their IDEA to LIFE by developing digital products for their business. We prefer using Agile and Scrum principles in project management for flexibility and rapid review cycles. We are not bound by technology. We will learn new technology if it significantly improves the performance of your app. We will solve your tech-related problems even though we are not THE EXPERT in it. And we've done it multiple times in the last 7 years. In the last seven years, we helped... A STARTUP to expand its users from 2500 to over 100000 by developing mobile apps for them. An enterprise client to redevelop their app that has 1M+ monthly paid users and 10M+ app downloads. Another enterprise client(5M+ app downloads in each store) to fix bugs and broken parts in the app and as a result, they had over 98% crash-free users. We offer a 100% MONEY BACK GUARANTEE if you don't like our work. No questions asked. Visit : https://canopas.com/blog
If you’ve been using Flutter for a long time, you know that until now there is no way to group slivers together and render them as single slivers in customScrollview.
What if we needed to apply different padding to individual groups of slivers? Or What if you wanted to create a vertically scrollable list of slivers side by side, much like using a raw widget?
Well, the release of Flutter 3.13, introduces two different widgets, SliverMainAxisGroup and SliverCrossSxisGroup to group slivers in the main-axis and cross-axis respectively.
There are new features and improvements when it comes to scrolling with this new API and the best part? you can easily create one of your favorite— sticky headers.
Table of contents
What is silver?
Types:
SliverMainAxisGroup
SliverCrossAxisGroup
SliverCrossAxisExpanded
SliverConstrainedCrossAxis
Implement Demo UI
Create a Basic UI
Add CircleAvatar
Move CircleAvatar
Resize CircleAvatar
Conclusion
What is a sliver?
A sliver is a portion of a scrollable area that you can define to behave specially. You can use slivers to achieve custom scrolling effects, such as elastic scrolling.
To put it simply, slivers are like a more detailed way to control how things scroll.
Let's have a look at what we’re going to implement…
The new Sliver API in Flutter opens up a world of possibilities for creating dynamic, engaging, and efficient app layouts.
To dive even deeper into this topic and explore practical code examples, make sure to visit the Canopas Blog.
Follow Canopas for our latest technical blog posts!
