A Flutter app to demonstrate the usage of CustomPainter, flutter_boxy, and staggered animations
Read Time:44 Second

A Flutter app to demonstrate the usage of CustomPainter, flutter_boxy, and staggered animations

0 0

custom_timeline_example

A Flutter app to demonstrate the usage of CustomPainter, flutter_boxy, and staggered animations

A Flutter app to demonstrate the usage of CustomPainter, flutter_boxy, and staggered animations.

Demo

output.mp4

Challenges

  • Deciding which way should I use to create the connectors with CustomPainter was crucial. I ended up using a Rect to draw the arcs.
  • Gluing the connectors with the card widget was tricky and I decided I should try using boxy since I need to know the size and position of the elements of the layout.
  • Animating the connectors was quite tricky because it consisted of two parts (the line and the arc).

Have a suggestion to refactor? create an issue!

References

For help getting started with Flutter, view the
online documentation, which offers tutorials,
samples, guidance on mobile development, and a full API reference.

GitHub

View Github

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Entrada anterior An open-source flutter tools to help developers fine tune/show-case design systems
Entrada siguiente Creating a Chatty View source UI from BWA