TypeScript react-native.Dimensions类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中react-native.Dimensions类的典型用法代码示例。如果您正苦于以下问题：TypeScript Dimensions类的具体用法？TypeScript Dimensions怎么用？TypeScript Dimensions使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了Dimensions类的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: String

export const clientInfo = () => {
    const dim = Dimensions.get('screen');
    logger.debug(Platform, dim);

    const OS = 'android';
    const { Version } = Platform;

    return {
        platform: OS,
        version: String(Version),
        appVersion: [OS, String(Version)].join('/')
    };
};

开发者ID:lukethompson，项目名称:aws-amplify，代码行数:13，代码来源:android.ts

示例2: dimToMake

export const clientInfo = () => {
    const dim = Dimensions.get('screen');
    logger.debug(Platform, dim);
    const OS = 'ios';
    const { Version } = Platform;
    const { make, model } = dimToMake(dim);
    return {
        'platform': OS,
        'version': String(Version),
        'appVersion': [OS, String(Version)].join('/'),
        'make': make,
        'model': model
    };
};

开发者ID:lukethompson，项目名称:aws-amplify，代码行数:14，代码来源:ios.ts

示例3: setVar

import { Navigation } from 'react-native-navigation';

// Add some static re-usable css variables here
setVar('--hairline-width', StyleSheet.hairlineWidth);

// Add themes here
setTheme('default');
setThemeVars('default', {
  '--primary-color': '#ff2244',
  '--gutter': 8,
});

export default {
  async update() {
    // Add device width and height
    const { width, height } = Dimensions.get('window');
    setVar('--window-width', width);
    setVar('--window-height', height);

    // Add navigation constants
    const res = await Navigation.constants();
    setVar('--bottom-tabs-height', res.bottomTabsHeight);
    setVar('--status-bar-height', res.statusBarHeight);
    setVar('--top-bar-height', res.topBarHeight);

    // Add dynamic variables here
    // ...
    return true;
  },
};

开发者ID:birkir，项目名称:kvikmyndr-app，代码行数:30，代码来源:theme.ts

示例4:

const dimensionConverter: DimensionConverterFactory = (viewport, axis) => (
  target: number
) => target / 100 * Dimensions.get(viewport)[axis];

开发者ID:Popmotion，项目名称:popmotion，代码行数:3，代码来源:unit-conversion.ts

示例5: deviceWidth

import { Dimensions, Platform } from 'react-native';
import * as DeviceInfo from 'react-native-device-info';
import urlParse from 'url-parse';

let deviceInfo = null;
const DESIGN_IMAGE_WIDTH = 750; // 设计稿宽度
const screen = Dimensions.get('screen');
const DEVICE_WIDTH = Math.min(screen.width, screen.height);
const DEVICE_HEIGHT = Math.max(screen.width, screen.height);

export const util = {
  /**
   * 设备宽度
   */
  get deviceWidth(): number {
    return DEVICE_WIDTH;
  },
  /**
   * 设备高度
   */
  get deviceHeight(): number {
    return DEVICE_HEIGHT;
  },
  /**
   * 是否是iOS设备
   */
  get isIOS(): boolean {
    return Platform.OS === 'ios';
  },
  /**
   * 是否是Android设备

开发者ID:hstarorg，项目名称:FlyingChat，代码行数:31，代码来源:util.ts

注：本文中的react-native.Dimensions类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。