Dimenions Workaround for iPad Multitasking

index.jsx

class Index extends React.Component {
  state = {
  };

  onLayout = e => {
    const { width, height } = e.nativeEvent.layout;
    this.setState(() => ({ width, height}));
  }
  
  render() {
    const { width, height } = this.state;
    return (
      <View flex={1} onLayout={this.onLayout}>
        <DimensionProvider width={width} height={height}>
          <App />
        </DimensionProvider>
      <View>
    );
  }
}