Workaround on svg change dynamically #162
Conversation
| ], | ||
| ), | ||
| ), | ||
| ); |
There was a problem hiding this comment.
Is more safe to use flexible, to avoid rendering problem like an overflow
There was a problem hiding this comment.
Sounds good, will update wherever I can 👍
| } | ||
| return position; | ||
| } | ||
| } |
There was a problem hiding this comment.
Because the time is set as milliseconds on an int data type. I assume that it can be more convenient to have an extension to handle those interactions based on time differences, instead of create a new class.
There was a problem hiding this comment.
That makes total sense and is really clean. 💯
|
|
||
| return TweenAnimationBuilder<int>( | ||
| tween: IntTween(begin: begin, end: lifeSpan), | ||
| duration: Duration(milliseconds: lifeSpan), | ||
| curve: Curves.linear, | ||
| builder: (BuildContext context, int time, Widget? child) { | ||
| var index = (time / step).floor(); | ||
| var index = begin.position(segments: segments, extraTime: time); |
There was a problem hiding this comment.
the issue was that the time was being called based on the lifespan ex: lifespan is: 3000 and the end is: 50000.
the index always is gonna be 0 due to that, so the trick was just to create a function that obtain the number of segments based on the time difference, and with that just sum the begin with the time inside the TweenAnimation to have the exact time and just check if the value < segments[position] if that's true then we just retrieve that index.
SVG dynamically changes based on new time.