react-native - React Native,使用纵向模式检测屏幕旋转变化

标签 react-native react-native-android react-native-ios

我在 react-native 应用程序中使用纵向模式。但我想捕获屏幕的旋转事件。
有没有办法做到这一点?

谢谢...

最佳答案

这个功能可能对你有帮助
创建 useOrientation.js文件

import {useEffect, useState} from 'react';
import {Dimensions} from 'react-native';

export function useOrientation(){
  const [orientation, setOrientation] = useState("PORTRAIT");

  useEffect(() => {
    Dimensions.addEventListener('change', ({window:{width,height}})=>{
      if (width<height) {
        setOrientation("PORTRAIT")
      } else {
        setOrientation("LANDSCAPE")
    
      }
    })

  }, []);

  return orientation;
}

关于react-native - React Native,使用纵向模式检测屏幕旋转变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62472029/

相关文章:

javascript - react native ,断断续续的独立并行动画?

react-native - 如何滚动到 React Native ListView 的底部

reactjs - 如何使用 React Hooks 获取另一个组件中表单的输入值

node.js - 使用nodejs和aws遇到403错误

react-native - 无法解析模块 'react-navigation'

reactjs - React Native 的可排序表组件

react-native - react-native 中基于设备的 SplitView(仅适用于平板电脑和 iPad)

react-native - 在 IOS 上响应 native 构建错误 - 使用不同类型的 typedef 重新定义 ('uint8_t'(又名 'unsigned char')与 'enum clockid_t')

react-native - react 原生 FlatList scrollToItem 错误

react-native-ios - 使用 faSTLane 获取测试版时出错