Orientation listeners don't work in functional components

[LucasMallmann]

I was writing a functional component and I just don't know how to subscribe to the orientation changes. Since the method listenOrientationChange accepts a class instance and use the method useState from class components.

I guess that extending the listener to functional components would be great ;)

[AVATAR197]

I would like to see that feature as well. I am using hooks and I really don't want to use class-based components.

[mshafex]

im faceing this issue too and my whole app is build with funcational componants please add the support

[ahmedjaafar6]

same

[gregfenton]

See my pull request: PR https://github.com/marudy/react-native-responsive-screen/pull/83

It has updated docs and a hook example and everything. And the change to RNRS itself is pretty small. And adds a new feature 😃

[janpaulalmanoche]

the error for that.setState is stil here , im also using hooks

[tejfaster]

maybe we can change some code like :

const Orientation = () => { const [dimensions, setDimensions] = useState({ window, screen });

useEffect(() => {
    const subscription = Dimensions.addEventListener(
        'change',
        ({ window, screen }) => {
            setDimensions({ window, screen });
        }
    );
    return () => subscription?.remove();
});
return dimensions.screen.height > dimensions.screen.width ? 'portrait' : 'landscape'

}