DEV Community

Cover image for An Introduction to Flutter
Mark Mahoney
Mark Mahoney

Posted on • Updated on

An Introduction to Flutter

This series of posts covers mobile app development with Google's Flutter. Flutter apps are written in Dart and can be compiled into Android, iOS, and web apps all using a single codebase.

In this post I cover the basics of Flutter apps- widgets, state management, navigation, and packages. There are pre-built Flutter widgets for just about everything you can think of and you can compose them together to make your own. There are also a lot of free, open-source 'packages' or libraries on that allow your app to use the device's sensors, fetch data, and more.

You will be asked to follow along with the programs below. Just click on the links and a code playback will load (you might want to open each one in a new tab). Then click on the comments on the left hand side of the screen or hit the play button to drive the development of the code. You can download the code at any point or copy/paste it. There are some controls in the top right hand side of the screen to make the text bigger or to switch to blog mode (which is good for small screens).


These two playbacks show how to create and run Flutter apps and how to use the tools.


These playbacks cover some of the basic UI widgets in Flutter and how to lay them out on the screen.


There is a thriving community of developers contributing open source packages on Packages help you access features of the device like sensors, storage, and more.

Comments and Feedback

You can find all of these code playbacks in my free 'book', Mobile App Development with Dart and Flutter. I am always looking for feedback so please feel free to comment here or to send me a message. You can follow me on twitter @markm208.

Top comments (0)