Getting the dynamic value of 100% when used for the height or weight props in React Native StyleSheet?

[mzruiz]

Let say that I have the following:

const styles = StyleSheet.create({
  outerContainer: {
    height: dynamicHeight,
    width: dynamicWidth,
  },
  innerContainer: {
    height: '100%',
    width: '100%,
  },
});

Question
Is there a way to get the value of what 100% will be for the height and width props in styles.innerContainer?

Deeper Dive into Problem

I have a React Native iPad app.

• It allows you to read pages in both Portrait and Landscape orientations.
• Sometimes, outerContainer.height will be less than the height of the iPad. In those scenarios, we want dynamicValue to default to the height of the iPad.