智能小程序 Ray 开发界面 API —— 导航栏和容器 API 合集

导航栏 API

setNavigationBarColor

设置页面导航条颜色

引入

import { setNavigationBarColor } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
frontColor	string		是	前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
backgroundColor	string		是	背景颜色值，有效值为十六进制颜色
animation	NavigationBarColorAnimationInfo		是	动画效果
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

NavigationBarColorAnimationInfo

属性	类型	默认值	必填	说明
duration	number		否	动画变化时间，单位 ms
timingFunc	string		否	动画变化方式 'linear' 动画从头到尾的速度是相同的 'easeIn' 动画以低速开始 'easeOut' 动画以低速结束 'easeInOut' 动画以低速开始和结束

👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。 

setNavigationBarTitle

动态设置当前页面的标题

引入

import { setNavigationBarTitle } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
title	string		是	页面标题
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

hideHomeButton

隐藏返回首页按钮，当打开小程序时的路径和entryPagePath路径不一致时会出现返回首页按钮 (一个小房子形状)

引入

import { hideHomeButton } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

showNavigationBarLoading

在当前页面显示导航条加载动画

引入

import { showNavigationBarLoading } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

hideNavigationBarLoading

在当前页面隐藏导航条加载动画

引入

import { hideNavigationBarLoading } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

 👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。 

 

容器API 

startPullDownRefresh

开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。

引入

import { startPullDownRefresh } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

 

stopPullDownRefresh

停止当前页面下拉刷新。

引入

import { stopPullDownRefresh } from '@ray-js/ray';

需引入MiniKit，且在>=2.0.0版本才可使用

参数

Object object

属性	类型	默认值	必填	说明
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数

 👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。