All Products
Search
Document Center

SuperApp:Bilah Navigasi

Last Updated:Apr 23, 2026

Topik ini menjelaskan JSAPI untuk memperbarui tampilan visual bilah navigasi program mini.

WVNavigationBar.update

Mengatur bilah navigasi halaman saat ini secara dinamis.

Parameter masukan:

  • [string] title: Opsional. Judul halaman.

  • [string] titleColor: Opsional. Warna judul halaman, dalam format heksadesimal RGB.

  • [string] barStyle: Opsional. Gaya bilah navigasi program mini. Nilai 'float' membuat bilah melayang di atas konten halaman, sedangkan 'normal' menempatkan konten di bawah bilah.

  • [string] backgroundColor: Opsional. Warna latar belakang bilah navigasi, dalam format heksadesimal RGB.

  • [boolean] showBackButton: Opsional. Menentukan apakah tombol kembali ditampilkan. Secara default, tombol ini ditampilkan; atur ke false untuk menyembunyikannya.

  • [string] theme: Opsional. Mengontrol warna tema tombol di sebelah kanan. Gunakan 'light' untuk tombol terang dan 'dark' untuk tombol gelap. Nilai default-nya adalah 'dark'.

  • [boolean] showCloseButton: Opsional. Menentukan apakah tombol tutup ditampilkan. Secara default, tombol ini ditampilkan; atur ke false untuk menyembunyikannya.

  • [boolean] showMoreButton: Opsional. Menentukan apakah tombol more ditampilkan. Secara default, tombol ini ditampilkan; atur ke false untuk menyembunyikannya.

  • [float] titleSize: Opsional. Ukuran font judul halaman.

  • [string] titleStyle: Opsional. Gaya font judul halaman. Nilai yang didukung: 'normal', 'bold', dan 'italic'.

  • [string] capsuleBgColor: Opsional. Warna latar belakang tombol kapsul.

  • [string] capsuleBorderColor: Opsional. Warna batas tombol kapsul.

Parameter callback:

Tidak ada parameter yang dikembalikan. Jika pembaruan bilah navigasi berhasil, callback success dipanggil; jika gagal, callback failure dipanggil.

var params = {
  title: 'Home',
  titleColor: '#FF00FF',
  barStyle: 'float',
  backgroundColor: '#00FFFF',
  showBackButton: false,
  showMoreButton: false,
  showCloseButton: false,
  titleSize:16,
  titleStyle:"bold",
  capsuleBgColor:"#00FFFF"
  capsuleBgColor:"#00FFFF"
  
};

window.WindVane.call('WVNavigationBar', 'update', params, function(e) {
}, function(e) {
  alert('failure: ' + JSON.stringify(e));
});

WVNavigationBar.getHeight

Mendapatkan tinggi bilah navigasi program mini.

Parameter masukan:

Tidak ada.

Parameter callback:

  • [int] height: Tinggi bilah navigasi.

  • [int] screenWidth: Lebar layar Perangkat.

  • [int] screenHeight: Tinggi layar Perangkat.

window.WindVane.call('WVNavigationBar', 'getHeight', {}, function(e) {
        alert('success:' + JSON.stringify(e));
}, function(e) {
        alert('failure:' + JSON.stringify(e));
});