my.setNavigationBar

setNavigationBar

Cập nhật lần cuối vào 21/6/2022

my.setNavigationBar là API để set style cho Navigation Bar

Quét mã để trải nghiệm

Hoặc sử dụng link
https://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/api/navigation-bar/set-navigation-bar/index

Xem code mẫu trên Tini Studio

Demo

Trải nghiệm thử với trình giả lập bên dưới

API Params

Thuộc tính	Kiểu dữ liệu	Mô tả
title	string	Tiêu đề của Navigation Bar
image	string	Image URL được sử dụng để render trên title. Khi image được set thì title sẽ không còn hiệu lực
titleBarColor	HexColor	Background color của Navigation Bar
borderBottomColor	HexColor	Nếu backgroundColor được set, thì borderBottomColor sẽ luôn nhận giá trị bằng backgroundColor
reset	Boolean	Reset về titleBarColor và borderBottomColor về màu mặc định
success	Function	Callback function khi thành công.
fail	Function	Callback function khi thất bại.
complete	Function	Callback function khi hoàn tất tác vụ cho dù thành công hay thất bại.

Sample Code

Page({
  setNavigationBar(e) {
    var title = e.detail.value.title;
    var backgroundColor = e.detail.value.backgroundColor;
    var borderBottomColor = e.detail.value.borderBottomColor;
    var image = e.detail.value.image;
    console.log(title);
    my.setNavigationBar({
      title,
      backgroundColor,
      borderBottomColor,
      image
    });
  },
  resetNavigationBar() {
    my.setNavigationBar({
      reset: true,
      title: 'Navigation Bar'
    });
  }
});