This Pull Request introduces the useResponsive hook to the react-native-responsive-hook package. This enhancement extends the existing functionalities by providing a comprehensive solution for responsive design in React Native applications. The implementation aims to make it simpler and more efficient for developers to create adaptive UI elements across various devices and orientations.
Key Enhancements:
Breakpoint Detection: The hook now includes breakpoint detection, dividing screen sizes into defined groups for more granular control over responsive styles.
Orientation Awareness: The hook provides isLandscape and isPortrait boolean values to easily adjust styles based on the current orientation of the device.
Percentage to DP Conversion: Functions wp (width percentage to dp) and hp (height percentage to dp) are included for converting percentage-based dimensions into device-independent pixels.
Comprehensive Return Type: The hook returns an object containing all necessary data for responsive design, including the current breakpoint group.
Modifications include:
License Update: Updated the year and author information to reflect the current state.
Readme Update: Enhanced the documentation to reflect the new features and updated the installation and usage sections accordingly.
Type Definitions Update: Updated index.d.ts and index.js.flow to include new functionalities and ensure type safety.
This Pull Request introduces the
useResponsivehook to thereact-native-responsive-hookpackage. This enhancement extends the existing functionalities by providing a comprehensive solution for responsive design in React Native applications. The implementation aims to make it simpler and more efficient for developers to create adaptive UI elements across various devices and orientations.Key Enhancements:
isLandscapeandisPortraitboolean values to easily adjust styles based on the current orientation of the device.wp(width percentage to dp) andhp(height percentage to dp) are included for converting percentage-based dimensions into device-independent pixels.Modifications include:
index.d.tsandindex.js.flowto include new functionalities and ensure type safety.