13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Open in app

Search

Get unlimited access to the best of Medium for less than $1/week. Become a member

Top 10 Packages Every Flutter Developer

Should Know
Mohammad Usama · Follow
Published in Stackademic
4 min read · Dec 13, 2023

Listen Share More

Flutter packages emerge as the guiding stars, steering developers towards smoother
and more efficient app building. But what exactly is a Flutter package, and why are
they indispensable?

What is a Flutter Package?

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 1/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

A package is a collection of pre-built code designed to address specific

functionalities or features. These packages encapsulate solutions for common tasks,
enabling developers to leverage existing, well-constructed code rather than
reinventing the wheel. They streamline the development process, promote code
reuse, and significantly enhance the efficiency of Flutter app building.

Why Do We Need Flutter Packages?

Flutter packages serve as the building blocks that accelerate development, offering
ready-made solutions for a myriad of functionalities. Instead of grappling with
complex coding for routine tasks, developers can seamlessly integrate these
packages, fostering a more productive and enjoyable coding experience. This not
only saves time but also ensures a higher standard of code quality by leveraging
well-established and community-vetted solutions.

How and Where to Get Flutter Packages?

Acquiring Flutter packages is a straightforward process. The official package

repository for Flutter and Dart is Pub.dev. Developers can explore the extensive
collection of packages, each accompanied by documentation and usage details. The
process of integrating a package into a Flutter project involves specifying the
package name and version in the pubspec.yaml file or run command in the terminal.
This initiates the package download and integration, making it readily available for
use within the project.

Getting Started with Flutter Packages:

1. Path_provider
Flutter developers often encounter challenges in managing files across different
platforms. Path_provider comes to the rescue, offering a versatile solution to fetch
the location of public or private documents from the filesystem. It’s the go-to
package for seamless file handling in a cross-platform environment.

flutter pub add path_provider

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 2/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

import 'package:path_provider/path_provider.dart';

Example Usage:

Directory appDocumentsDirectory = await getApplicationDocumentsDirectory();

2. Image_picker
This package provides effortless access to mobile device galleries and cameras,
facilitating multiple image selections within your Flutter app. Say goodbye to
complexity; image handling just got simpler.

flutter pub add image_picker

import 'package:image_picker/image_picker.dart';

Example Usage:

XFile? image = await ImagePicker().pickImage(source: ImageSource.gallery);

3. Google_maps_flutter
Every app needs a map, and Google_maps_flutter makes integration a breeze.
Seamlessly embed Google Maps into your Flutter app for enhanced navigation,
order tracking, and precise address handling. It’s the secret ingredient for a
location-aware app.

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 3/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

flutter pub add google_maps_flutter

import 'package:google_maps_flutter/google_maps_flutter.dart';

Example Usage:

GoogleMap(
initialCameraPosition: CameraPosition(target: LatLng(0, 0)),
)

4. SQFLite
Dive into robust data management with SQFLite, a self-contained, reliable plugin for
SQLite. Compatible with both iOS and Android, SQFLite simplifies local database
operations, allowing you to store and manipulate data seamlessly. Elevate your app’s
data handling capabilities with this database powerhouse.

flutter pub add sqflite

import 'package:sqflite/sqflite.dart';

Example Usage:

// Open the database

Database database = await openDatabase('my_database.db');

5. Fl_chart

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 4/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Turn your data into captivating visuals with Fl_chart, an extensive and highly
customizable chart library. Whether it’s bar charts, line charts, pie charts, or radar
charts, this package empowers you to present data in an easily digestible format.
Create stunning, data-intensive apps with Fl_chart.

flutter pub add fl_chart

import 'package:fl_chart/fl_chart.dart';

Example Usage:

LineChart(
LineChartData(/*...*/),
)

6. Firebase_auth
Simplify authentication in your Flutter app with Firebase_auth. This plugin,
supporting OAuth sign-in flows, Apple Sign-In for Firebase, and more, streamlines
the authentication process. Securely integrate phone numbers, passwords, and
identity providers like Google, Twitter, and Facebook into your app.

flutter pub add firebase_auth

import 'package:firebase_auth/firebase_auth.dart';

Example Usage:

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 5/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

// Sign in with email and password

UserCredential userCredential = await FirebaseAuth.instance.signInWithEmailAndP
email: '[email protected]',
password: 'password',
);

7. Flutter_webview_plugin
Keep users within your app while they explore the web with
Flutter_webview_plugin. This package provides a native WebView on both Android
and iOS, allowing you to display web content seamlessly. Enhance user engagement
by integrating web pages without disrupting the app experience.

flutter pub add flutter_webview_plugin

import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

Example Usage:

FlutterWebviewPlugin().launch('https://example.com');

8. Device_info
Gain insights into the user’s device with Device_info. Retrieve unique Android and
iOS device information, including make, identifier, version, and more. This package
is invaluable when precise device details are crucial for your app’s functionality.

flutter pub add device_info

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 6/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

import 'package:device_info/device_info.dart';

Example Usage:

AndroidDeviceInfo androidInfo = await DeviceInfoPlugin().androidInfo;

9. Location
Simplify real-time location handling on both Android and iOS devices with the
Location package. Retrieve the current geolocation of the mobile device, enabling
applications to display maps, calculate distances, and provide accurate directions.
Enhance location-based features effortlessly.

flutter pub add location

import 'package:location/location.dart';

Example Usage:

LocationData locationData = await Location().getLocation();

10. Url_launcher
Enable your app to seamlessly launch URLs, phone calls, emails, and more with
Url_launcher. This versatile package adds a layer of user convenience by providing
one-click access to external applications. Navigate users to specific URLs or apps
effortlessly.

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 7/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

flutter pub add url_launcher

import 'package:url_launcher/url_launcher.dart';

Example Usage:

// Launch a website
await launch('https://example.com');

Ready to transform your Flutter app development experience? Dive into the world of
Flutter packages and empower your projects with these gems.

Explore each package’s documentation, integrate them into your projects, and
witness the magic unfold.

This is from my side; if you have any suggestions, feedback, or queries, feel free to
reach out.

Follow me on Twitter: codewith-usama

Let’s connect on LinkedIn at (in/codewithusama)

Stackademic
Thank you for reading until the end. Before you go:

Please consider clapping and following the writer! 👏

Follow us on Twitter(X), LinkedIn, and YouTube.

Visit Stackademic.com to find out more about how we are democratizing free
programming education around the world.

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 8/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Flutter Package Plugins App Development Programming

Follow

Written by Mohammad Usama

173 Followers · Writer for Stackademic

Writer || Software Engineer || Flutter || DevOps

More from Mohammad Usama and Stackademic

Mohammad Usama in Stackademic

Lifecycle of Stateful Widget

According to GFG, A Stateful Widget has states in it. To understand a Stateful Widget you need
to have a clear understanding of widgets and…

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 9/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

2 min read · Sep 22, 2023

121 1

Dylan Cooper in Stackademic

Mojo, 90,000 Times Faster Than Python, Finally Open Sourced!

On March 29, 2024, Modular Inc. announced the open sourcing of the core components of
Mojo.

· 10 min read · Apr 8, 2024

3.8K 26

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 10/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Josef Cruz in Stackademic

The Best Code I’ve Seen as a Professional Programmer

And what I noticed.

· 3 min read · Apr 15, 2024

912 13

Mohammad Usama

Phone Authentication with Firebase and BLoC in Flutter

Without further ado, let’s get started.
https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 11/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

6 min read · Oct 11, 2023

100

See all from Mohammad Usama

See all from Stackademic

Recommended from Medium

Ravi Dhakar

Flutter Top Five Popular Architectures For Building Large-Scale Mobile

Apps in Flutter
Here are five popular architectures for building large-scale mobile apps in Flutter, along with a
brief explanation and an example:

8 min read · Jan 3, 2024

106 2

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 12/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Gaurav Swarankar

Reduce loading web app time in Flutter Web

Hi readers, Do you ever faced an issue where Flutter Web takes a bit of time to load your Flutter
application.

2 min read · May 3, 2024

214

Lists

General Coding Knowledge

20 stories · 1202 saves

Coding & Development

11 stories · 605 saves

Stories to Help You Grow as a Software Developer

19 stories · 1049 saves

ChatGPT
21 stories · 629 saves

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 13/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Francisco Magalhaes

I built the same app with Flutter, React Native, and Ionic
Embarking on a quest to find the optimal cross-platform mobile development framework,
Flutter, React Native, and Ionic were the ones that…

11 min read · Apr 27, 2024

469 16

Ximya

Get Dynamic Widget Size in Flutter

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 14/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Exploring methods to measure various sizes of widgets along with the concept of the Flutter
rendering process.

13 min read · May 6, 2024

259

Sarthak Mishra in Swiggy Bytes — Tech Blog

A Deep Dive into Dynamic Widget — Swiggy’s Server Driven UI System

Background

10 min read · Mar 22, 2024

446 5

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 15/16
13/5/24, 11:41 Top 10 Packages Every Flutter Developer Should Know | by Mohammad Usama | Stackademic

Matthieu Regnauld

How to implement your design system in a Flutter app (2/2)

A 2-part step-by-step guide to efficiently implementing a design system in a Flutter app

11 min read · Mar 24, 2024

248 3

See more recommendations

https://blog.stackademic.com/top-10-packages-every-flutter-developer-should-know-a93c7c74e810 16/16