Google’s UI toolkit Flutter is getting increasingly popular for creating cross-platform applications for the mobile, web and desktop.

Flutter is not a programming language but a software development kit. Dart is the programming language used underneath the Flutter SDK.

Flutter is the main framework behind Google’s open source Fuchsia OS, Google STADIA and many other software and mobile apps.

If you want to start developing with Flutter, this tutorial will help you to get your set-up ready on Ubuntu and hopefully other Linux distributions.

Installing Flutter on Ubuntu and other Linux with Snap

The easiest way to install Flutter on Linux is by using Snap. If you are using Ubuntu, you already have got Snap. For other distributions, please make sure to enable Snap support.

Open a terminal and use the following command in a terminal to install Flutter:

sudo snap install flutter --classic

You’ll see something like this on your terminal:

installing Flutter on ubuntu

Once the installation completes, it is time to verify it. Not just Flutter installation but also verify every dependency that needs to be satisfied for Flutter to function properly.

Verify Flutter dependencies

To verify that every dependency, for the correct work of Flutter, is installed, Flutter has a built-in option:

flutter doctor

The process will start, looking like this:

Verify Flutter Install

And it will be finishing like this:

Flutter verification completes

As you can see, we need Android Studio for working. So let’s install it. How do we do that? Installing Android Studio on Linux is also effortless with Snap.

Install and set up Android Studio

In a terminal, use the following command to get Android Studio installed:

sudo snap install android-studio --classic
Install Android Studio in Linux with Snap

Once installed, open Android Studio from our operating system menu.

open android studio

You are almost done. It’s time for configuring Android Studio.

Setting up Android Studio

Click next and select standard if you don’t want to complicate things.

Setting up Android Studio

Select your preferred theme (I like the Dark one).

Setting up Android Studio

Verify that everything is OK and click on Next.

Setting up Android Studio

Finally, hit the Finish button.

Setting up Android Studio

And wait until the download is finished.

Setting up Android Studio

Creating a sample Hello World Flutter app

In Android Studio, go to Projects and select New Flutter Project. Flutter SDK path will be set by default.

new flutter project

And here is where the magic starts to appear because this is where you set your project name, which in this case it will be called hello_world.

Let’s select the three available platforms: Android, iOS, and Web. And finally, click on Finish.

Sample Flutter project

The principal file in the projects is located in lib/main.dart, as is shown in the next image.

Sample Flutter projects

Once selected, erase everything contained inside the file and change it for this sample code:

// Copyright 2018 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Welcome to Flutter'),
        ),
        body: const Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

It’s important to say that this is only for showing you how Flutter works, in case you’re convinced about learning this beautiful and incredible language, here is the Documentation to see more about it. Try it!

Finally, select Chome Web device and do click on the Run button, as is shown below; and see the magic!

Sample Flutter project in Ubuntu

It’s incredible how fast you can create a Flutter project. Say hello to your Hello World project.

Running a sample Flutter project

In the end…

Flutter and Dart are perfect if you want to contribute with beautiful mobile and Web interfaces in a short time.

Now you know how to install Flutter on Ubuntu Linux and how to create your first app with it. I really enjoyed writing this post for you, hoping this helps you and if you have any questions, please let me know by leaving a comment or sending me an email to marco.carmonag@alumno.buap.com. Good luck!

Tutorial contributed by Marco Antonio Carmona Galván, a student of physics and data science.

Leave a Comment