Why you should use Qt/QML for your next cross-platform application — part 2 — mobile — Todo app example

part 1 — Desktop
part 2 — Mobile
part 3 — TV

In the previous article we touched in general on why you should use Qt/QML for app development and provided a bit of code to show what one can expect.

In this one we are going to develop one of the most used examples — a TODO app — running on multiple platforms.

Although I’m not really a fan of such an app showing a possibility of some framework, it’s still something people are used to for getting a quick taste of an framework.

For many more and better examples please visit official docs!

UI mockup

First off we have to think about how our app is structured. In general we talk about structuring UI components. This is nothing new and here we take into consideration that you have experience with UI development and UI frameworks so this is something you are used to.

Since this is very simple app we create our simple mock-up:

We can immediately see the layout and components making our app.

There is one input field and one button to add new items. These will be positioned next to each other.
Then we have one component to represent the data we added. This is going to be a (scrollable) list of our tasks where each can be considered as one…