Skip to content

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

License

Notifications You must be signed in to change notification settings

InnerPeace080/react-native-extra-dimensions-android

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ExtraDimensions

This module allows you to access additional display metrics on Android devices.

  • Actual width and height of the screen (including elements such as soft menu bar)
  • Soft menu height
  • Status bar height
  • Smart bar height(MeiZu)

Why?

There is currently a bug in React Native where Dimensions.get('window').height sometimes returns the wrong value.

Also, some apps may want to set the background of status bar and soft menu bar to transparent, thus the top-level view needs to fill up the real screen size.

Installation

  1. In android/setting.gradle

    ...
    include ':ExtraDimensions', ':app'
    project(':ExtraDimensions').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-extra-dimensions-android/android')
    
  2. In android/app/build.gradle

    ...
    dependencies {
        ...
        compile project(':ExtraDimensions')
    }
    
  3. Register module (in MainActivity.java)

    import ca.jaysoo.extradimensions.ExtraDimensionsPackage;  // <--- import
    
    public class MainActivity extends ReactActivity {
      ......
      protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new ExtraDimensionsPackage(this)  // <--- add here
        );
      }
      ......
    }
    

Whenever you want to use it within React Native code now you can: var ExtraDimensions = require('react-native-extra-dimensions-android');

Demo

API

There is only one method get(dimension: string) that takes in a dimension name, and returns its value as a number.

Supported dimensions are:

  • REAL_WINDOW_HEIGHT - Actual height of screen including system decor elements
  • REAL_WINDOW_WIDTH - Actual width of screen including system decor elements
  • STATUS_BAR_HEIGHT - Height of the status bar
  • SOFT_MENU_BAR_HEIGHT - Height of the soft menu bar (supported on most new Android devices)
  • SMART_BAR_HEIGHT - Height of the MeiZu's device smart bar

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 81.7%
  • JavaScript 18.3%