React Native Extra Dimensions Android

screenshot of React Native Extra Dimensions Android
react
react-native

Access additional display metrics on Android devices: status bar height, soft menu bar height, real screen size.

Overview:

The ExtraDimensions package for React Native provides additional display metrics for Android devices, addressing issues such as inaccurate screen height values and the need to properly fill backgrounds for status bar and soft menu bar. This tool is a useful resource for developers working on React Native apps.

Features:

  • Actual width and height of the screen (including elements such as soft menu bar)
  • Soft menu height
  • Status bar height
  • Smart bar height (MeiZu)
  • API for accessing specific dimensions like REAL_WINDOW_HEIGHT, REAL_WINDOW_WIDTH, STATUS_BAR_HEIGHT, SOFT_MENU_BAR_HEIGHT, SMART_BAR_HEIGHT

Summary:

The ExtraDimensions package for React Native provides a helpful solution for accessing additional display metrics on Android devices, resolving inaccuracies in screen height values and enabling proper background filling for system decor elements. By following the simple installation steps and utilizing the provided API, developers can enhance their React Native apps with accurate and comprehensive screen dimension data.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.