Lompat ke konten utama
@capgo/home-indicator Antarmuka & Sitem Terbuka Sumber

Indikator plugin Capacitor

Tampilkan atau sembunyikan indikator rumah iOS untuk pengalaman aplikasi fullscreen dan immersive

Install

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

Panduan

Cara menggunakan Indikator di Capacitor

Uji coba di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau code plugin indikator

Menggunakan @capgo/capacitor-home-indicator

Capacitor Plugin Indikator Rumah untuk mengontrol visibilitas indikator rumah iOS. Indikator rumah adalah garis horizontal di bagian bawah perangkat iOS tanpa tombol home fisik.

Pasang

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

bunx cap sync Menggandakan plugin code native ke proyek native Anda. Jalankan lagi setelah setiap pengembangan plugin.

Impor

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

Lihat API secara singkat

Metode Deskripsi
hide Tutup indikator rumah di bagian bawah layar.
show Tampilkan indikator rumah di bagian bawah layar.
isHidden Periksa apakah indikator home saat ini disembunyikan.

Contoh

hide()

Tutup indikator rumah di bagian bawah layar.

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

await HomeIndicator.hide();

show()

Tampilkan indikator rumah di bagian bawah layar.

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

await HomeIndicator.show();

isHidden()

Periksa apakah indikator home saat ini 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

Teruskan dari Menggunakan @capgo/capacitor-home-indicator

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

FAQ

FAQ Plugin Indikator

Bagaimana cara menginstal plugin Indikator di sebuah aplikasi Capacitor?

Jalankan "bun add @capgo/home-indicator" (atau "npm install @capgo/home-indicator"), kemudian jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap native code. Import dari "@capgo/home-indicator" di aplikasi code Anda.

Apakah @capgo/home-indicator dapat digunakan dengan React, Vue, dan Angular?

Iya. Indikator adalah paket Capacitor, sehingga dapat digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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

Paket Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang masih dipelihara.

Apakah @capgo/home-indicator gratis dan terbuka sumber?

Iya. Sumber code yang terbuka dapat ditemukan di GitHub di https://github.com/Cap-go/capacitor-home-indicator/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull diterima.

Bisa saya memperbarui code yang menggunakan Indikator tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan build aplikasi baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan Indikator tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko Anda, Capgo live updates mengirimkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo