setNavigationBarTitle

Dynamically set the title of the current page。

Supported

Install

$ npm install @uni/navigation-bar --save

or

$ npm install @uni/apis --save

Usage

import { setNavigationBarTitle } from '@uni/navigation-bar';

setNavigationBarTitle({
  title: 'title',
});

You can also import from the big package:

import { navigationBar } from '@uni/apis';

navigationBar.setNavigationBarTitle({
  title: 'title',
});

Methods

setNavigationBarTitle(options)

Arguments

| Property | Type | Description | required | Default | Supported | | --- | --- | --- | --- | --- | --- | | options | object  | | ✔️ | - | - | | options.title | string  | title of the current page | ✔️ | - | | | options.success | Function  | The callback function for a successful API call | ✘ | - | | | options.fail | Function  | The callback function for a failed API call | ✘ | - | | | options.complete | Function  | The callback function used when the API call completed (always executed whether the call succeeds or fails) | ✘ | - | |

setNavigationBarColor

Set the color of the page navigation bar。

Supported

Note: web does not support setNavigationBarColor

Install

$ npm install @uni/navigation-bar --save

or

$ npm install @uni/apis --save

Usage

import { setNavigationBarTitle } from '@uni/navigation-bar';

setNavigationBarColor({
  backgroundColor: '#ff0000',
});

You can also import from the big package:

import { navigationBar } from '@uni/apis';

navigationBar.setNavigationBarColor({
  backgroundColor: '#ff0000',
});

Methods

setNavigationBarColor(options)

Arguments

| Property | Type | Description | required | Default | Supported | | --- | --- | --- | --- | --- | --- | | options | object  | | ✔️ | - | - | | options.backgroundColor | string  | Background color value, valid value is hexadecimal color | ✔️ | - | | | options.frontColor | string  | Foreground color value, including button, title, status bar color, only supports #ffffff and #000000 | ✘ | - | | | options.success | Function  | The callback function for a successful API call | ✘ | - | | | options.fail | Function  | The callback function for a failed API call | ✘ | - | | | options.complete | Function  | The callback function used when the API call completed (always executed whether the call succeeds or fails) | ✘ | - | |

getMenuButtonBoundingClientRect

Get the layout position information of the menu button (capsule button in the upper right corner). The coordinate information takes the upper left corner of the screen as the origin.

Support

Install

$ npm install @uni/navigation-bar --save

or

$ npm install @uni/apis --save

Usage

import { getMenuButtonBoundingClientRect } from '@uni/navigation-bar';

getMenuButtonBoundingClientRect();

你也可以从大包引入：

import { navigationBar } from '@uni/apis';

navigationBar.getMenuButtonBoundingClientRect();

Method

getMenuButtonBoundingClientRect()

Response

| 属性 | 类型 | 描述 | 支持 | | --- | --- | --- | --- | | width | number  | 宽度，单位：px | - | | height | number  | 高度，单位：px | | | top | number  | 上边界坐标，单位：px | | | right | number  | 右边界坐标，单位：px | | | bottom | number  | 下边界坐标，单位：px | | | left | number  | 左边界坐标，单位：px | |

不通用返回（由于破坏了一码多端的能力，不推荐使用）

| 属性 | 类型 | 描述 | 支持 | | --- | --- | --- | ----| | errMsg | string  | | |