react-native-size matters library is not able to scale the components which are associated with Navigation library such a Drawers and Headers of my Application. Please give appropriate solution for it.
VishnuBhanderi opened this issue · comments
Please provide usage example @VishnuBhanderi
Issue
I am encountering an issue with the react-native-size-matters library while using it in my application to prevent UI crashes caused by font scaling and screen zoom on different devices. Although the library works flawlessly throughout the application, it fails to provide consistent support for blocking screen zoom variations specifically within the Drawer and Header components, which are essential parts of the navigation.
Expected Behavior
When using the react-native-size-matters library, I expect it to maintain consistent behavior across all components, including the Drawer and Header. It should effectively block screen zoom variations and prevent UI crashes caused by font scaling, ensuring a seamless user experience.
Current Behavior
However, in the case of the Drawer and Header components, the react-native-size-matters library seems to be ineffective in blocking screen zoom variations. Consequently, UI crashes occur when users interact with these navigation elements, undermining the intended benefits of the library.
The width of the Navigation Drawer keeps changing while increasing or decreasing the screen zoom.
It was a mistake Widow width was not scaling and that was obvious. I had to scale that window width too. It was my mistake. Now it is solved.