Showcase view in Flutter

In this article we will discuss about how to implement showcase view in our flutter apps.

🎥 Video Tutorial

🛠️ Dependencies

showcaseview | Flutter Package

🔭 Implementation

Let’s start by creating the UI Screen containing the appbar, 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.,👇

vijaycreations

Other articles you may like.,

🔵Setting up your Flutter app for publishing in Play Store.

🟤Async Programming in Dart

🟡Scratch Card in Flutter

🔴Confetti Animation in Flutter

🟢 Google Fonts in Flutter app

🔴 Image Picker in Flutter

🟡 Change App Launcher Icon in Flutter

🟤 Neon Lighting in Flutter

🔵 Image Filter in Flutter

🟣 Enabling Flutter Web

🟠 Animated Icons in Flutter

🟢 Best VSCode Extensions

🔴 AnimatedContainer Widget in Flutter

🟡 GradientText in Flutter

🟤 Custom Clipper in Flutter

🔵 Carousel Slider in Flutter

🟣 Flutter BLoC Pattern

Most popular

Encrypted QR Code generation using Flutter — AES Encryption

Shared Preferences in Flutter

Setting up your Flutter app for publishing in Play Store.

Creating Desktop Apps using Flutter

Flutter Tutorials

If you found this article useful and wish to support my work, you can consider buying me a ☕️ coffee.👇

VIJAY R is Content Creator

If you want to know more about Flutter and various Widgets in Flutter…?🤓 Then visit my channel 👉🏻 vijaycreations🚩

Thanks.,