useKeplerWindowDimensionsV2

/**
 * Vega window Dimensions with module name
 * @platform vega
 */
export interface DisplayMetricsKepler {
    width: number;
    height: number;
    scale: number;
    fontScale: number;
    moduleName: string; // the name used to register the main React app component in the React Native AppRegistry for the surface (window/screen).
}

import {useKeplerWindowDimensionsV2} from 'react-native';

const windowWidth = useKeplerWindowDimensionsV2().width;
const windowHeight = useKeplerWindowDimensionsV2().height;

import React from "react";
import { View, StyleSheet, Text, useKeplerWindowDimensionsV2 } from "react-native";

const App = () => {
    const dimensions = useKeplerWindowDimensionsV2();

    return (
        <View test_id="kepler-window-dimensions-app" style={DEFAULT_STYLES.CONTAINER}>
            <Text style={styles.displayText}>Module states: </Text>
            <Text style={styles.commentText}>
                {` height: ${dimensions.height}, width: ${dimensions.width}, scale: ${dimensions.scale},
                    fontScale: ${dimensions.fontScale}`}
            </Text>
        </View>
    );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  },
  displayText: {
     fontSize: 20,
     fontWeight: "bold"
  },
  commentText: {
     fontSize: 16
  }
});

export default App;

useKeplerWindowDimensionsV2().fontScale;

useKeplerWindowDimensionsV2().height;

useKeplerWindowDimensionsV2().scale;

useKeplerWindowDimensionsV2().width;

const rootTag = useContext(RootTagContext);