Querying the Github GraphQL API with Kotlin
We are going to show how to query a GraphQL API using the Apollo GraphQL Android Client. It is not Android only and can be used by any Java/Kotlin project. We are going to use this client with Kotlin to…
Barttje
Animated Bar Chart with Flutter Hooks
In this blog post, we described how to use animations to animate a bar chart. In this blog post were are going to add another possible way to animate the bar chart. We are going to use Flutter Hooks to…
Animated Line Chart in Flutter
We are going to show how to draw and animate a line chart in Flutter. There are two different animations we would like to show, but first, we are going to show how to draw the static line chart. We…
Checkbox Form Validation with Ant Design
I was working on a simple form in React that needed a checkbox before being allowed to submit. You have to accept the terms and conditions or privacy policy. I used the Ant Design for the React components and since…
Tic Tac Toe with Animations
In the last post, we showed how to create Tic Tac Toe in Flutter. We used the CustomPainter to draw the different elements in Tic Tac Toe. The main reason for that was to make it easier to add animations.…
Tic Tac Toe in Flutter
In this blog, we are going to create a simple tic tac toe app. Since we are not the first to do this, we are going to focus mostly on the drawing of the parts. This is because we are…
Creating Bar Charts Animations with CustomPainter
In this blog, we are going to show you how to animate the bars of a bar chart. First, we will show you how to draw some basic bar chart. After that we will show you how to animate the…
React to changes in CustomPaint Widgets
After describing in the last post how to detect which CustomPaint widgets are clicked, the next step is me was to change the widgets. First, I’m going to show how to do this with a simple example that contains three…
Detecting Clicks On Overlapping CustomPaint Widgets
This post will describe how to detect which figure is clicked when there are multiple overlapping figures. We are going to start by showing how to do this for three overlapping figures. After that, we are going to apply it…
Drawing a Hexagon Grid in Flutter
This post aims to show you how to extend the CustomPaint to draw your own figures. We will also draw multiple CustomPaint Widgets on the same canvas so that we can reuse our figure and draw it multiple times. This…