Showcase view in Flutter
In this article we will discuss about how to implement
showcase view in our flutter apps.
🎥 Video Tutorial
showcaseview | Flutter Package
A Flutter package allows you to Showcase/Highlight your widgets step by step. Add dependency to pubspec.yaml Get the…
Let’s start by creating the UI Screen containing the
body that renders the list with the help of list view builder and a floating action button.
Now let’s start implementing the
showcase view by creating a custom showcase view class.
let’s now head back to the
home_page.dart file and start creating individual
globalKeys for each flutter widget that is going to be showcased and also initialize them in the
initstate so then we will be able to visualize the showcase animation as soon as the screen gets loaded..
We are at the final stage of development process. Now just wrap all the flutter widgets that needs to be showcased with the
ShowCaseView class we created earlier and pass the argument value as required.
Finally update the
home_page.dart file call (navigator) as follows.
Well that’s it. 🎉 Run the app to see it in action.🥳
Refer my video tutorial for complete guide:👉 https://www.youtube.com/watch?v=C4686LEzxg8
Get the complete source code here:👉 https://github.com/vijayinyoutube/show_case_view
Check out all my Flutter related blogs here.,👇
Other articles you may like.,
Shared Preferences in Flutter
Store the data locally in Flutter app using Shared Preferences.
Setting up your Flutter app for publishing in Play Store.
Before publishing our Flutter app in Google Play Store we need to brush up few feature to make sure that the app is…
Creating Desktop Apps using Flutter
In this article we will discuss about how to create and run a desktop app using Flutter.
If you found this article useful and wish to support my work, you can consider buying me a ☕️ coffee.👇
VIJAY R is Content Creator
Hey 👋., I just started the page. Support by buying me a coffee.
If you want to know more about Flutter and various Widgets in Flutter…?🤓 Then visit my channel 👉🏻 vijaycreations🚩