Using react-native Dimensions API dynamically

Dimensions.jsx

import * as React from "react"
import { View, Dimensions } from 'react-native'

const STYLE = {
  width: Dimensions.get("window").width,
  height: Dimensions.get("window").height,
  backgroundColor: "yellow"
}

export class MyComponent extends React.Component {
  render() {
    return (
      <View style={STYLE}>
        <Text>"My View"<Text/>
      </View>
  }
}
  

DynamicDimensions.jsx

import * as React from "react"
import { View, Dimensions } from 'react-native'

const STYLE = {
  backgroundColor: "yellow"
}

const getScreenWidth = () => Dimensions.get("window").width
const getScreenHeight = () => Dimensions.get("window").height

export class MyComponent extends React.Component {
  render() {
    const dimensions = {
      width: getScreenWidth(),
      height: getScreenHeight()
    }

    return (
      <View style={{ ...STYLE, ...dimensions }}>
        <Text>"My View"<Text/>
      </View>
  }
}
  

Nice!