Langsung ke konten utama
@capgo/capacitor-home-indicator UI & Sistem Open source

Indikator plugin Capacitor

Sembunyikan atau tampilkan home indicator iOS untuk pengalaman aplikasi fullscreen dan immersive

Instal

bun add @capgo/capacitor-home-indicator bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-home-indicator
  • pnpm add @capgo/capacitor-home-indicator
  • yarn add @capgo/capacitor-home-indicator

Panduan

Cara menggunakan Indicator di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR pratinjau plugin Indicator code

Menggunakan @capgo/capacitor-home-indicator

Capacitor Home Indicator Plugin untuk mengontrol visibilitas home indicator iOS. Home indicator adalah bilah horizontal di bagian bawah perangkat iOS tanpa tombol Home fisik.

Instal

bun add @capgo/capacitor-home-indicator
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

Sekilas tentang API

Metode Deskripsi
hide Sembunyikan home indicator di bagian bawah layar.
show Tampilkan home indicator di bagian bawah layar.
isHidden Cek apakah home indicator sedang disembunyikan.

Contoh

hide()

Sembunyikan home indicator di bagian bawah layar.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.hide();

show()

Tampilkan home indicator di bagian bawah layar.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.show();

isHidden()

Cek apakah home indicator sedang disembunyikan.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

const { hidden } = await HomeIndicator.isHidden();
if (hidden) {
  console.log('Home indicator is hidden');
} else {
  console.log('Home indicator is visible');
}

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-home-indicator

Jika Anda menggunakan Menggunakan @capgo/capacitor-home-indicator untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-home-indicator untuk detail implementasi di @capgo/capacitor-home-indicator, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin Indicator

Bagaimana cara instal plugin Indicator di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-home-indicator" (atau "npm install @capgo/capacitor-home-indicator"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Impor dari "@capgo/capacitor-home-indicator" di code aplikasi Anda.

Apakah @capgo/capacitor-home-indicator mendukung React, Vue, dan Angular?

Ya. Indicator adalah paket Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-home-indicator?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-home-indicator gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-home-indicator/ dan paketnya gratis untuk diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Indicator tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Ubah indikator pengiriman tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo