Engineering

⌘K
  1. Home
  2. Docs
  3. Engineering
  4. Flutter

Flutter

Flutter is a mobile-first app framework that can be deployed primarily to Android and iOS. It also has web support (PWA) (beta).

Our future mobile apps will use Flutter. However, for Lovia and Miluv specifically that embeds Rocket.Chat React Native, we still need to use React Native.

Installation

Flutter SDK itself requires 600 MiB, plus IDE tools, and Android Studio, so to be safe you’ll need 2 GiB of free space.

See: Install Flutter. For example in Ubuntu, you can put Flutter in $HOME/flutter, and append to PATH in your ~/.bashrc.

export PATH=$PATH:$HOME/flutter/bin

To get better “network-less” experience, run flutter precache the first time which will download iOS & Android binaries. On a 20 Mbps connection this will take 80-120 seconds.

To check your environment for missing dependencies, run: flutter doctor:

ceefour@amanah:~$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.17.5, on Linux, locale en_US.UTF-8)
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    ✗ Android license status unknown.
      Try re-installing or updating your Android SDK Manager.
      See https://developer.android.com/studio/#downloads or visit visit
      https://flutter.dev/docs/get-started/install/linux#android-setup for
      detailed instructions.
[!] Android Studio (version 3.6)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] IntelliJ IDEA Ultimate Edition (version 2019.3)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.46.1)
    ✗ Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available

! Doctor found issues in 5 categories.

Android Studio

Android Studio is the more fully featured editor environment for Flutter.

Although some people are moving to VS Code, but with less features.

Visual Studio Code

Note: It’s recommended to use Android Studio instead.

  1. Install Flutter extension
  2. Make sure to Use recommended settings

How can we help?