Book Image

Taking Flutter to the Web

By : Damodar Lohani
Book Image

Taking Flutter to the Web

By: Damodar Lohani

Overview of this book

Using a shared codebase in addition to an extensive range of tools in the Flutter ecosystem optimized for browsers, the Flutter framework has expanded to enable you to bring your mobile apps to the web. You’ll find out how web developers can leverage the Flutter framework for web apps with this hands-on guide. Taking Flutter to the Web will help you learn all about the Flutter ecosystem by covering the tools and project structure that allows you to easily integrate Flutter into your web stack. You’ll understand the concepts of cross-platform UI development and how they can be applied to web platforms. As you explore Flutter on the web, you'll become well-versed with using Flutter as an alternative UI platform for building adaptive and responsive designs for web apps. By the end of this Flutter book, you'll have built and deployed a complete Flutter app for the web and have a roadmap ready to target the web for your existing Flutter mobile apps.
Table of Contents (17 chapters)
1
Part 1: Basics of Flutter Web
5
Part 2: Flutter Web under the Hood
9
Part 3: Advanced Concepts

Persisting data using HiveDB

HiveDB is one of the other popular choices for persisting data in Flutter. As it’s written completely in Dart, it supports the web natively. In this section, using HiveDB, we will build a watchlist feature. We will allow users to add any course of their choice to the watchlist and we will add a watchlist section where users can view a list of their watched courses. We are using HiveDB for this feature as it is designed to handle a bit more complex data than SharedPreferences. Also, HiveDB has an easier API to implement. We can use HiveDB to store and load the theme mode that we implemented in the previous section as well without any issues.

Setting Up HiveDB

Follow these steps to set up HiveDB:

  1. We will start by adding the dependency to our pubspec.yaml file. To use HiveDB with Flutter, we will add the hive and hive_flutter packages as the dependency. Under dependencies in pubspec.yaml, add the following:
    dependencies: 
      &...