Codelabs

Flutter Chat in 15 minutes

by
Nash

Nash

2 years ago

  • 01

    Introduction

  • 02

    Creating Your App

  • 03

    Initialize Stream Chat

  • 04

    Channels Overview

  • 05

    Putting it Together

  • 06

    Conclusion

  • 07

    Bonus

Codelabs

Flutter Chat in 15 minutes

by
Nash

Nash

2 years ago

Overview 📖

Welcome to Stream’s Flutter Codelab! Today, we will be adding Stream’s real-time chat to a Flutter application.

By the end of this code lab, you will be able to do the following:

  • Gain a basic understanding of Stream and chat
  • Basic familiarity with Stream Chat API
  • Build a fully functional application using Stream

Prerequisites 🧬

Before starting this codelab, please ensure you have the following:

  • Git
  • Flutter
  • Android or iOS toolchain installed

Project Setup

Create a new Flutter project in a directory of your choosing. You can name your project anything you like, but for this tutorial, we are going to call our project flutterista.

$ flutter create flutterista

Next, navigate to the project’s pubspec.yaml and add the Stream dependency.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.0
  stream_chat_flutter: ^1.5.1 # Add this line

Finally, update your android/app/build.gradle minimum, target, and compile versions to the following:

compileSdkVersion 29
targetSdkVersion 29
minSdkVersion 24

Great! We are on our way now. ⚡️

2022 © Stream.io, Inc. All Right Reserved.