ray 中 usePageEvent 第一个参数分别可以传入哪些固定字段

[幽冥墨]

目前测试可用的就一个 onShow 字段

[智能小程序开发者]

请查看文档：https://developer.tuya.com/cn/miniapp/p ... epageevent

[Muzzzhi]

Code: Select all

import React from "react";
import {
  View,
  usePageEvent,
  startPullDownRefresh,
  stopPullDownRefresh,
} from "ray";

export default function Home() {
  usePageEvent("onLoad", () => {
    console.log("onLoad");
  });

  usePageEvent("onShow", () => {
    console.log("onShow");
  });

  usePageEvent("onHide", () => {
    console.log("onHide");
  });

  usePageEvent("onPageScroll", () => {
    console.log("onPageScroll");
  });

  usePageEvent("onReachBottom", () => {
    console.log("onReachBottom");
  });

  usePageEvent("onPullDownRefresh", () => {
    console.log("onPullDownRefresh");
  });

  usePageEvent("onResize", () => {
    console.log("onResize");
  });

  return (
    <View
      style={{ height: "1000px", backgroundColor: "red" }}
      onClick={() => {
        startPullDownRefresh();
        setTimeout(() => {
          stopPullDownRefresh();
        }, 2000);
      }}
    >
      Click To refresh
    </View>
  );
}

global.config.ts

Code: Select all

import { GlobalConfig } from '@ray-js/types';

export const tuya = {
  window: {
    backgroundColor: '#f2f4f6',
    navigationBarTitleText: 'Ray Template',
    navigationBarBackgroundColor: '#ff592a',
    enablePullDownRefresh: true
  },
};

const globalConfig: GlobalConfig = {
  basename: '',
};

export default globalConfig;

以上都可以用。

[幽冥墨]

onHide：是表示页面退出或隐藏触发吗？我测试的时候没有触发

[幽冥墨]

请查看文档：https://developer.tuya.com/cn/miniapp/p ... epageevent

[Muzzzhi]

onHide：是表示页面退出或隐藏触发吗？我测试的时候没有触发

onHide: 页面隐藏/切入后台时触发。 如 ty.navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。

https://developer.tuya.com/cn/miniapp/f ... age#onhide

Code: Select all

import React from "react";
import {
  View,
  usePageEvent,
  router 
} from "ray";

export default function Home() {
  usePageEvent("onLoad", () => {
    console.log("onLoad");
  });

  usePageEvent("onShow", () => {
    console.log("onShow");
  });

  usePageEvent("onHide", () => {
    console.log("onHide");
  });


  return (
    <View
      onClick={() => {
        router.push('/my')
      }}
    >
      进入B页面
    </View>
  );
}

测了是可以的，如果还不行可以贴一下git地址或者代码看下？