Android App Development
iOS App Development
Flutter App Development
Cross Platform App Development
Hire on-demand project developers and turn your idea into working reality.
Big thanks to Webkul and his team for helping get Opencart 3.0.3.7 release ready!
Deniel Kerr
Founder. Opencart
Top Partners
SlimyCard Animation in Flutter is just an animation that can be applied to the widgets in order to separate them into two parts.
It is basically used to create a Slime Like Animation.
Read more about the services provided by Mobikul on the Flutter app development services page.
color – This property helps in changing the color of the Slimy Card as per the requirement.
width – It specifies the width of the Slimy Card.
topCardWidget – It takes a custom widget that we display in Top Card.
topCardHeight – It helps to set the height of the Top Card in Animation.
bottomCardWidget – It takes a custom widget that we want to display after animating.
bottomCardHeight – It helps to set the height of the Bottom Card in Animation.
slimeEnabled – This property is set to true by default.
borderRadius – It specifies the border-radius for slimy cards.
Step -1 -> Firstly, add the slimy_card dependency in the pubspec.yaml file.
We can check the updated version of the dependency from slimy_card.
Step – 2 -> Run ‘flutter pub get‘ command.
After this, we are ready to begin with writting our code.
Here, is the code–
main.dart
slimy_card_top_widget.dart
slimy_card_bottom_widget.dart
While running the app, you may face issue like : Cannot run with sound null safety
Don’t panic!!
Its just that currently, the dependency does not support null safety so just have to run the command on your terminal on root project
We are good to go now.
Here’s the final output–
In this blog, we have discussed how to create an amazing animation just with the help of a dependency.
I hope it will help you out in understanding and getting a brief idea about it.
You can also check some of our other animation blogs – https://mobikul.com/liquid-swipe-animation-flutter/
https://mobikul.com/animations-in-flutter/
Thank you for reading!!
https://pub.dev/packages/slimy_card
Your email address will not be published. Required fields are marked*
Name*
Email*
Save my name email and website in this browser for the next time I comment.
Be the first to comment.
We use cookies to personalize your experience. By continuing to visit this website you agree to our use of cookies. Learn more about privacy policy
Webkul is a truly trusted and supported IT Company to develop business ideas for e-commerce. They provide professional support after deploying the solution to production and be responsible to act for fixing the reported issues or system errors. We highly encourage to deal with Webkul for business development.
Hussein Zawia
Co-founder, 24Dokan
USA
India
Global
Name
Email
Enquiry or Requirement
If you have more details or questions, you can reply to the received confirmation email.