This weekend I decided to take the dive and build a mobile app. I always assumed that I would use React Native because I use React at work and it would be an easier transition.

However, I have also been curious about trying something different and something with the ability to work on ios, android, and web.

So I decided to build this app using Flutter over the weekend. The app is a simple future value calculator that determines what the value of an asset will be in the future.

What is Flutter?

Flutter is an open-source UI toolkit that can be used for mobile, web or desktop and is created from a single codebase. So you write your code once and it will run on ios, android, and desktop.

Dart Programming Language

Flutter uses the Dart programming language because it can be used to develop on different platforms (ios, android, web). It also has a fast development cycle by making use of hot reload. Any changes you make to your flutter application are automatically reflected in UI instantly.

Dart will be familiar to you if you have used JavaScript, Swift or Java.

Variables do not have to have their datatypes explicitly stated. However, when you create a function the parameters should have their datatypes specified.

Let’s look at some sample dart code.

//function
void main() {
 print("Hello World");
}

Every app has a main() function and it has the keyword void to indicate that it isn’t returning anything.

Let’s look at how we would declare a function.

int addNum(int x, int y)
 return x + y;
}

Those were a few features of Dart. Head to the Dart to learn more about dart.

Here is a link to the Flutter App I built this weekend.

I still have some refactoring to conduct but the UI and the ability to calculate the future value are complete. Let me know if you have any questions or suggestions for the app.

I’ll post about Flutter after I refactor and start the process of launching the app.

This post is also available on DEV.