useVegaWindowDimensionsV2

/**
 * Vega window Dimensions with module name
 * @platform kepler
 */
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 = useWindowDimensions()[<index>].width;
    const windowHeight = useWindowDimensions()[
    <index>].height;

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

const App = () => {
  const KeplerWindowDimensions = () => {
    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()[<index>].fontScale;

useKeplerWindowDimensionsV2()[<index>].height;

useKeplerWindowDimensionsV2()[<index>].scale;

useKeplerWindowDimensionsV2()[<index>].width;

const rootTag = useContext(RootTagContext);