Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

tlcgroup-capacitor-quick-actions

Shailendra202146MIT1.0.1TypeScript support: included

Quick Actions API for Capacitor Apps

capacitor, plugin, quick-actions, quick actions, actions, native

readme

Capacitor Quick Actions

Plugin for using Quick Actions in your Capacitor Apps.
Now it supports only on iOS/iPadOS 13+.

Install

npm install capacitor-quick-actions
npx cap sync

Preparation

Modify your AppDelegate.swift:

  1. Add import TlcCapacitorQuickActions to the top of the file.
  2. Add application function to the bottom of the file:
    func application(_ application: UIApplication, performActionFor shortcutItem: UIApplicationShortcutItem, completionHandler: @escaping (Bool) -> Void) {
         let handled = QuickActions.handleQuickAction(shortcutItem)
         completionHandler(handled)
    }
    Example of the AppDelegate.swift file available here.

Usage

// Import the plugin
import { QuickActions } from 'capacitor-quick-actions';

// Add buttons to the home screen
const addButtonsToHomeScreen = async () => {
    await QuickActions.addQuickActions({
        actions: [
            { id: "button1", title: 'Action1', iconName: 'house', description: 'Description1' },
            { id: "button2", title: 'Action2', iconName: '2' } // Description is optional
        ]
    });
}

// Remove buttons from the home screen
const clearButtonsFromHomeScreen = async () => {
    await QuickActions.clearQuickActions();
}

// Add Listener for the selected action
QuickActions.addListener('quickActionSelected', (data) => {
    console.log('Quick Action selected:', data.type); // returns id of the selected action
});

Icons

To use icons in your quick actions provide the name of the icon from this app.

API

<docgen-index> </docgen-index> <docgen-api>

addQuickActions(...)

addQuickActions(options: { actions: QuickAction[]; }) => Promise<void>
Param Type
options { actions: QuickAction[]; }

clearQuickActions()

clearQuickActions() => Promise<void>

addListener('quickActionSelected', ...)

addListener(eventName: 'quickActionSelected', listenerFunc: (data: { type: string; }) => void) => PluginListenerHandle
Param Type
eventName 'quickActionSelected'
listenerFunc (data: { type: string; }) => void

Returns: PluginListenerHandle


Interfaces

QuickAction

Prop Type
id string
title string
iconName string
description string

PluginListenerHandle

Prop Type
remove () => Promise<void>
</docgen-api>