Can we add a keyboard toolbar somehow?

[johannesstricker]

Is there a built-in way to add a Notion-like toolbar above the mobile keyboard? Or do we have to build this from scratch?

Thanks!

[pierre-su]

We already provide this property, but you need to customize it yourself. You can use the multiRowsDisplay property in QuillSimpleToolbarConfigurations. If set to false, the toolbar will appear as a single line, as shown in your image. However, you will need to handle the positioning yourself.

[md-rifatkhan]

You can do it like

 bottomNavigationBar: Padding(
            padding: MediaQuery.of(context).viewInsets, // Navbar will appear in top of keyboard 
            child: SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Row(
                children: [
                  // Your Custom toolbar Buttons
                  // or default one
                  QuillSimpleToolbar(
                    controller: controller.quillController,
                    config: const QuillSimpleToolbarConfig(),
                  ),
                ],
              ),
            ),
          ),

[TheGoodUser]

Thanks