@uni/navigation-bar NPM

setNavigationBarTitle

Dynamically set the title of the current page。

Supported

Install

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

$ 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

$ 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

$ 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`

@uni/env

@infinitebrahmanuniverse/nolb-_uni_@everything-registry/sub-chunk-966 @aliretail/point-member-sdk @aliretail/point-member-sdk-dev @aliretail/rax-miniapp-lib @aliretail/staff-help @halofe/rax-miniapp-lib

4 years ago

4 years ago

4 years ago

4 years ago