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

[luozhu]

真机预览报 serviceInvokeNative not found

setNavigationBarBack

[智能小程序开发者]

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

[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>
)

}