跳到主要内容

useOrientation

跟踪用户设备的屏幕方向。

Usage​

实时编辑器

function Demo() {
  const [state] = useOrientation();

  return <pre>{JSON.stringify(state, null, 2)}</pre>;
};
结果
Loading...

API​

useOrientation​

Returns​

readonly [UseOrientationState, (type: UseOrientationLockType) => any, () => void]: 包含以下元素的元组：

  • 方向状态。
  • 锁定方向。
  • 解锁方向。

Arguments​

参数名描述类型默认值
initialState初始值UseOrientationState | undefined-

UseOrientationState​

参数名描述类型默认值
angle角度number (必填)-
type方向类型UseOrientationType | undefined (必填)-

UseOrientationType​

Type​

export type UseOrientationType = | "portrait-primary" | "portrait-secondary" | "landscape-primary" | "landscape-secondary";

UseOrientationLockType​

Type​

export type UseOrientationLockType = | "any" | "natural" | "landscape" | "portrait" | "portrait-primary" | "portrait-secondary" | "landscape-primary" | "landscape-secondary";