Flutter Quill

Updated 31 July 2023


In this blog, we are going to learn about Flutter Quill. And check how we can use them in Flutter apps for making the user experience better.

Flutter Quill is a rich edit text editor and Quill component with majorly all in-build features for editing the text, so we don’t need other side libraries for the same. This library is a WYSIWYG editor built for modern Android & iOS applications.

NOTE: This library only supports only for Mobile apps, the web version is actionable.

Before moving further, you can also check our Flutter app development company page.
We will follow the mentioned steps for integrating the Flutter Quill:

1. Add Dependency

Firstly, we will add the updated flutter package of flutter_quill in “pubspec. ymal” file.

We have to add the updated version of the library, you can check the compatible version on Flutter pub.dev and use it accordingly.

2. Configuration and Implementation

In this step, we will configure the Quill editor and its toolbar. We can manage the options and their values which need to show on the editor toolbar.

1. Font Size

The editor has an in-build font size controller dropdown, which can modify with the fontSizeValues option as per the requirements

2. Custom Buttons

We may also, modify the button’s UI as per the requirement of our application.

2.1 Implementation

2.2 Output


In this blog, you have learned about the Flutter Quill.

You can also go through the official Flutter site for learning more about the same.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home