Langkapi ke konten utama
Kembali ke plugin
@capgo/capacitor-navigation-bar
Tutorial
@capgo/capacitor-navigation-bar

Baru Navigasi

Customize warna dan visibilitas bar navigasi Android untuk pengalaman UI immersive

Panduan

Tutorial tentang Bar Navigasi

Uji coba di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR Pratinjau Plugin Bantuan Navigasi code

Menggunakan @capgo/capacitor-bantuan-navigasi

Capacitor Bantuan Navigasi Plugin untuk mengatur bar navigasi Android.

Instal

bun add @capgo/capacitor-navigation-bar
bunx cap sync

Apa yang Dibuka oleh Plugin ini

  • setNavigationBarColor - Mengatur warna dan tema tombol bar navigasi.
  • getNavigationBarColor - Mendapatkan warna dan tema tombol bar navigasi saat ini.

Penggunaan Contoh

setNavigationBarColor

Mengatur warna dan tema tombol bar navigasi.

import { NavigationBar } from '@capgo/capacitor-navigation-bar';

// Set to white with dark buttons
await NavigationBar.setNavigationBarColor({
  color: NavigationBarColor.WHITE,
  darkButtons: true
});

// Set to custom color
await NavigationBar.setNavigationBarColor({
  color: '#FF5733',
  darkButtons: false
});

// Set a custom divider color on Android 9+
await NavigationBar.setNavigationBarColor({
  color: NavigationBarColor.WHITE,
  darkButtons: true,
  dividerColor: '#D9D9D9'
});

getNavigationBarColor

Mendapatkan warna dan tema tombol bar navigasi saat ini.

import { NavigationBar } from '@capgo/capacitor-navigation-bar';

const { color, darkButtons } = await NavigationBar.getNavigationBarColor();
console.log('Current color:', color);
console.log('Using dark buttons:', darkButtons);

Referensi Lengkap

Teruskan dari Menggunakan @capgo/capacitor-navigation-bar

Jika Anda menggunakan Menggunakan @capgo/capacitor-navigation-bar untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-navigation-bar untuk detail implementasi di @capgo/capacitor-navigation-bar Getting Started untuk detail implementasi di Getting Started Menggunakan @capgo/capacitor-live-activities untuk kemampuan asli dalam Menggunakan @capgo/capacitor-aktivitas-nyata, @capgo/capacitor-aktivitas-nyata untuk detail implementasi dalam @capgo/capacitor-aktivitas-nyata, dan Menggunakan @capgo/capacitor-pemain-video untuk kemampuan asli dalam Menggunakan @capgo/capacitor-pemain-video.