I want to create user guide for each screen using flutter
i have tried to use flutter_intro but its not really effective
I want something like this shown in image below with little more effective design.
and it can highlight widgets in screen .
or it would be better if its animations will be bit bubble animations
You can have a look at the showcaseview package which exactly does what you need.
Related
Is there any package to design below screen like. I tried lot of time on Online to get solution, but i didn't get any solution.
Can any one help me how to develop carosual card like below image ?
I've used this carousel slider package once.
also, this video might help. Kind of similar to your needs.
(I'll update the answer once I get to my computer.)
I want to create a custom animated splash screen like the splash screen of Uber iOS App:
I tried to create two containers and animate them but not even close to what Uber did.
Is there any way to do it programmatically instead of creating the animation and import it within the app?
Your question is not detailed so all I can do is giving a topic to you to train.
Flutter has a nice capability of animating things, but if the animation is too complicated, I prefer pre-built animations like AfterEffect or sth like that.
You can possibly do what you want using AnimatedContainer. But first, you need to gather more than basic animation knowledge in this area, so, here is the topic you need to dig..
One way is using CustomPainter, but it is also possible to use other built-in flutter widgets like explained here: https://flutter.dev/docs/development/ui/animations
I have come across this particular animation for onboarding.
https://dribbble.com/shots/15258844-Airbus-Tripset-iOS-app
and am planning to do something similar. Any ideas on how to start?
Hi Panduranga Rao Sadhu,
I would like to recommend you the AnimatedAlign class for images on onboarding pages.
https://api.flutter.dev/flutter/widgets/AnimatedAlign-class.html
Besides, i would like to suggest SlideTransition class for the transition between onboarding pages.
https://api.flutter.dev/flutter/widgets/SlideTransition-class.html
If you want something else, you can find lot of animations in flutter.
https://flutter.dev/docs/development/ui/widgets/animation
Is there a way to show the following with flutter?
As far as I know, only the corners of a container can be rounded off. I asked myself whether it is also possible to display something similar to the one in the picture below using flutter codes?
Since I don't even begin to know how and if you could do something like that, I am very curious about the answers, but I reckon that it could possibly be complicated.
YES!
It can be done by using path in flutter.
You can do each shape separately and then put them in a row.
Read this well organized article about path in flutter, then you can build all types of path. good luck :)
I see two main ways to approach this. Either use an image with the design from above, and use a Stack widget to add the text and icon on top.
The second option would be to use customPainter or possibly paths to make your custom shape. The documentation is here: https://api.flutter.dev/flutter/rendering/CustomPainter-class.html
I'm trying to learn how to develop Flutter application and I want to know how to make user interface in Flutter like what is shown in the picture
I'm not going to just give you the code to make this UI, but I'll help you. I'd recommend a GridView with a crossAxisCount of 3 so you can align the buttons like this. Then I'd separate out the 0 button and surround it with a Center widget so that it's centered.
If you're just learning, I suggest making simple UIs first to get a grasp of how the framework works, then you can move to intermediate UIs like this one.