React Native Orientation


Curently, works on Android and IOS

$3

``sh
npm install rn-detect-orientation
`

or

`sh
yarn add rn-detect-orientation
`

$3

`tsx
import { useEffect, useState } from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
import Orientation from 'rn-detect-orientation';

export default function App() {
const [result, setResult] = useState();
const [orient, setOrient] = useState();
const [isLocked, setLocked] = useState(false);
const [sendValue, setValue] = useState(null);

useEffect(() => {
Orientation.addOrientationListener(onOrientationDidUpdate);
return () => {
Orientation.removeOrientationListener();
};
}, []);

const onOrientationDidUpdate = (event) => {
setOrient(${event});
};

useEffect(() => {
let initialOrientation = Orientation.getInitialOrientation();
setOrient(${initialOrientation});
}, []);

const checkLocked = () => {
const locked = Orientation.isLocked();
if (locked !== isLocked) {
setLocked(locked);
}
};

return (
flex: 1,
alignItems: 'center',
justifyContent: 'center',
}}>
Result: {orient}
{
Orientation.requestEnableOrientations();
checkLocked();
}}
title={'Enable Screen Orientation'}>

{
Orientation.requestDisableOrientations();
checkLocked();
}}
title={'Disable Screen Orientation'}>


);
}
`

$3


`
- addOrientationListener: (cb: any) => import("react-native").EmitterSubscription;
- removeOrientationListener: () => void;
``

$3

See the contributing guide to learn how to contribute to the repository and the development workflow.

$3

MIT License
Copyright (c) 2024 Forest Nguyen
---