Page 2 of 2

Re: 【开发者问答】关于如何拦截 navigationBar 后退按钮的事件?

Posted: 2023年 Jan 3日 15:12
by luozhu

真机预览报 serviceInvokeNative not found

setNavigationBarBack


Re: 【开发者问答】关于如何拦截 navigationBar 后退按钮的事件?

Posted: 2023年 Jan 3日 17:00
by 智能小程序开发者

setNavigationBarBack 这个方法暂不支持真机调试,可以发布一个体验版本进行体验


Re: 【开发者问答】关于如何拦截 navigationBar 后退按钮的事件?

Posted: 2025年 Jun 10日 17:44
by crisiron

Code: Select all

// hooks
import { useEffect } from 'react';
import { setNavigationBarBack } from '@ray-js/ray';

export const useNavigationBarBack = () => {
  useEffect(() => {
    setNavigationBarBack({
      type: 'custom',
    });
    return () => {
      setNavigationBarBack({
        type: 'system',
      });
    };
  }, []);
};

Code: Select all

// 页面中
export default () => {
	useNavigationBarBack();
	
useEffect(() => {
	onNavigationBarBack(()=>{
		// 这里处理业务逻辑 
		const isPass = xxx;
		if (!isPass) {
			// 没有通过检测,提示
			return;
		}
		// 页面后退
		ty.navigateBack()

	})

}, [])

return (
	<View>
		
	</View>
)

}