How to create project specific local plugin | Ionic | Capacitor

preview_player
Показать описание


ℹ️ Description:
We will get Status Bar height through native platform code and learn how to communicate between Ionic JavaScript and native code to build a custom Capacitor plugin that is local to your app.

🌟Chapters🌟
- (00:00) Intro
- (00:14) Android Native Implementation
- (03:07) iOS Native Implementation
- (04:54) Access Plugin in JavaScript
- (05:52) Using the Plugin
- (06:39) iOS result
- (06:48) Android result
- (07:04) Using as CSS variable
- (07:32) Outro

🌐 Other distributions:

FOLLOW ME ON:

Support 💖
You can support me by subscribing to the channel and/or voluntarily sponsor through any of the following ways 🙂

🧑🏻‍💻 My Equipments - Affiliates (if you buy anything through these it will support the channel and allow me to improve the content quality!):

Tags 🏷:
Create a plugin in ionic capacitorjs
create a package for ionic capacitor
create an npm package for ionic capacitorjs
write java swift in ionic
using java swift in ionic capacitor
writing native code in ionic
ionic, capacitor, capacitorjs, cordova

#ionic #plugin #codeguru #capacitor #20
  1. Massive Educator
  2. Ionic
  3. Capacitor
  4. Angular
  5. Plugin
  6. Java
Рекомендации по теме
How to create 0:07:23

How to create Project specific hourly rates

Create a project 0:01:31

Create a project specific report

How to create 0:08:01

How to create project specific local plugin | Ionic | Capacitor

Create angular project 0:00:56

Create angular project on specific version

You're a PRO 0:00:30

You're a PRO 🫵🏻 if you know this Google Slides Trick #googleslides #presentation #powerpoint...

CREATING A1 TITLEBLOCK 0:22:34

CREATING A1 TITLEBLOCK LESSON 5 - CREATING PROJECT SPECIFIC KEYPLAN

12 04 Creating 0:02:57

12 04 Creating A Project Specific Catalog Database

Set static Front 0:00:15

Set static Front page in WordPress. Display a custom home page.

Build & Deploy 0:06:18

Build & Deploy Multivendor Ecommerce Website Next.js 2025 - Typescript, MySql, Prisma,Web socket...

Creating Project-Specific Roles 0:02:53

Creating Project-Specific Roles

My Jobs Before 0:00:15

My Jobs Before I was a Project Manager

Create specific version 0:03:36

Create specific version of Angular Project

How To Set 0:00:35

How To Set Goals The RIGHT Way 📍 - Elon Musk

create a new 0:02:49

create a new Laravel project with specific version

Ask Octopus Episode 0:15:42

Ask Octopus Episode #35 - Project Templates for specific scenarios

How To Write 0:00:48

How To Write a Project Plan (Template)

Gyro Sensor Based 0:00:08

Gyro Sensor Based Mini Drone, New Science Project #shorts #science #technology #trending

How to create 0:01:48

How to create iMovie project in a specific library

Integrating Your Development 0:06:52

Integrating Your Development Workflow Into Sublime: Part 4 - Project-Specific Builds

🚀 7 Steps 0:00:04

🚀 7 Steps to Create a Successful Project Plan 🚀

KiCAD Project Specific 0:02:46

KiCAD Project Specific Libraries, part 1

turning sea water 0:00:13

turning sea water into salt!🧂✨

The resume structure 0:00:16

The resume structure that got me my dream job | Wonsulting

How to Insert 0:00:15

How to Insert Page Number in MS Word? #shorts #msword

Комментарии
Автор

Note:- IF you're Capacitor v4, there is a minor change in case of Android, in MainActivity. java you have to call 'registerPlugin' before 'super.onCreate' instead of after, as in the video.

This change is only required for Capacitor v4.x projects, while everything stays the same in case of Capacitor v3.x.

massive.educator
Автор

thank you!. it's really helped me

EnkhmandalBattsengel
Автор

Great content, Is there are anyway to customize the capacitor's Official Plugin?

kesavanr
Автор

very good tutorial thanks!
can you make a video on how to create a plugin that will handle notifications in addition to capacitor's notification plugin without interfering? thanks

elazarzadiki
Автор

Thanks, it's best that capacitor docs!

davidcandamil
Автор

awesome video thank you, can we use this technique to run capacitor app as a background /foreground service?

note
Автор

It's simply does not work with Capacitor 4. "cap sync android" cannot find your plugin this way and will result

"Msg: ERROR Error: Uncaught (in promise): Error: "CustomPlugin" plugin is not implemented on android Error: "CustomPlugin" plugin is not implemented on android

emberarc