Tuya Developer Forum

Code: Select all

看到上面有小伙伴提出如何拦截navigationBar后退按钮的问题，目前智能小程序已经提供了方案。

Code: Select all

1. 基础库 >= 2.6.1
2. 容器版本 >=2.3.0

Code: Select all

ty.setNavigationBarBack({type: 'system' | 'custom'})

Code: Select all

ty.setNavigationBarBack({
-  type: 'system'  // 系统默认行为
+  type: 'custom'  // 自定义行为
});

Code: Select all

ty.onNavigationBarBack(function () {
  console.warn('navigation-bar onNavigationBarBack');
  // ... 一些列操作
  // 响应完成后设置会系统默认行为
  ty.setNavigationBarBack({type: 'system'});
  // 页面后退
  ty.navigateBack()
})

Code: Select all

// 类型定义
export function onNavigationBarBack(callback: (res: any) => void)

interface setNavigationBarBackParam {
  type: 'system' | 'custom'
}
export function setNavigationBarBack(param: setNavigationBarBackParam)


// 使用
import { setNavigationBarBack, onNavigationBarBack } from '@ray-js/ray'

setNavigationBarBack({type: 'custom'})

onNavigationBarBack(()=>{
	// do sth
})

Code: Select all

// 类型定义
export function onNavigationBarBack(callback: (res: any) => void)

interface setNavigationBarBackParam {
  type: 'system' | 'custom'
}
export function setNavigationBarBack(param: setNavigationBarBackParam)


// 使用
import { setNavigationBarBack, onNavigationBarBack } from '@ray-js/ray'

setNavigationBarBack({ type: 'custom' })

onNavigationBarBack(()=>{
	// do sth
})