react-native-vlc-media-player/playerView/SizeController.js

React native media player for video streaming and playing. Supports RTSP,RTMP and other protocols supported by VLC player

/**
 * 高度定义
 * Created by yuanzhou.xu on 17/2/18.
 */
import { PixelRatio, Dimensions, Platform, StatusBar } from 'react-native';
let initialDeviceHeight = 667;
let initialDeviceWidth = 375;
let initialPixelRatio = 2;
let deviceHeight = Dimensions.get('window').height;
let deviceWidth = Dimensions.get('window').width;
let pixelRatio = PixelRatio.get();
let statusBarHeight = 20; //初始状态栏高度
let topBarHeight = 44; //初始导航栏高度
let tabBarHeight = 49; //初始标签栏高度
let IS_IPHONEX = false;
let changeRatio = Math.min(
  deviceHeight / initialDeviceHeight,
  deviceWidth / initialDeviceWidth,
); //pixelRatio/initialPixelRatio;
changeRatio = changeRatio.toFixed(2);
if (deviceWidth > 375 && deviceWidth <= 1125 / 2) {
  statusBarHeight = 27;
  topBarHeight = 66;
  tabBarHeight = 60;
} else if (deviceWidth > 1125 / 2) {
  statusBarHeight = 30;
  topBarHeight = 66;
  tabBarHeight = 60;
}
if (Platform.OS !== 'ios') {
  statusBarHeight = 20;
  if (deviceWidth > 375 && deviceWidth <= 1125 / 2) {
    statusBarHeight = 25;
  } else if (deviceWidth > 1125 / 2 && deviceWidth < 812) {
    statusBarHeight = 25;
  }
  if (StatusBar.currentHeight) {
    statusBarHeight = StatusBar.currentHeight;
  }
}

if (deviceWidth >= 375 && deviceWidth < 768) {
  topBarHeight = 44; //初始导航栏高度
  tabBarHeight = 49;
  changeRatio = 1;
}
if (deviceHeight >= 812) {
  statusBarHeight = 44;
  //topBarHeight = 60;
  IS_IPHONEX = true;
}
/**
 * 返回状态栏高度
 */
export function getStatusBarHeight() {
  return statusBarHeight;
}
/**
 * 返回导航栏高度
 */
export function getTopBarHeight() {
  return topBarHeight;
}
/**
 * 返回标签栏高度
 */
export function getTabBarHeight() {
  return tabBarHeight;
}
/**
 *
 */
export function getTopHeight() {
  if (Platform.OS === 'ios') {
    return topBarHeight + statusBarHeight;
  } else {
    return topBarHeight + statusBarHeight;
  }
}
/**
 * 返回变更比例
 */
export function getChangeRatio() {
  return changeRatio;
}
/** 获取tabBar比例**/
export function getTabBarRatio() {
  return tabBarHeight / 49;
}

/**
 * 获取TopBar比例
 */
export function getTopBarRatio() {
  return changeRatio;
}

export function isIphoneX() {
  return IS_IPHONEX;
}