Orientation listeners don't work in functional components about react-native-responsive-screen HOT 6 OPEN

See my pull request: PR #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 😃

from react-native-responsive-screen.

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

from react-native-responsive-screen.

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

from react-native-responsive-screen.

same

from react-native-responsive-screen.

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

from react-native-responsive-screen.

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'

}

from react-native-responsive-screen.