https://blog.codekunda.com/tags/canvas/Recent content in Canvas on CodeKunda BlogHugoenFri, 06 Nov 2026 00:00:00 +0000https://blog.codekunda.com/posts/flutter-tournament-bracket-custompainter/Fri, 06 Nov 2026 00:00:00 +0000https://blog.codekunda.com/posts/flutter-tournament-bracket-custompainter/<p>A tournament bracket looks like a grid until you try to build one. Teams occupy different vertical positions in each round. Two cards converge into one, the right side mirrors the left, and the finalists meet above a champion card. Lines, labels, flags, and tap targets all need to agree about where each card lives.</p> <p>BracketIt&rsquo;s Flutter play screen handles this with a geometry generator and separate painters. This article walks through the actual implementation, includes the complete source of the four files, and explains both its useful design choices and its unfinished behavior. This is a review of the existing code, not a rewritten bracket library or a claim that the Flutter application was run for this article.</p>