ViewWithTitle_1.js

import {
    statusBarHeight,
    headerHeight,
    SafeAreaWithHeader,
} from './DimensionsHelper';

const vw: number = SafeAreaWithHeader.vw;
const vh: number = SafeAreaWithHeader.vh;

class ViewWithTitle extends Component {
  render() {
    return (
      <View style={styles.outerContainer}>
          /*
            title stuff here
          */
          {
            this.renderIOSBigTitle()
          }
          <View style={[styles.titleContainer, {height: this.headerHeight}]}>
              {
                this.renderTitleArea()
              }
          </View>
          <View style={[styles.innerContainer, {height: 100 * vh}]}>
              /*
                content stuff here
              */
              {
                this.renderContentArea()
              }
              {
                this.renderContentAreaList()
              }
          </View>
      </View>
    );
  }
}


const styles: StyleSheet = StyleSheet.create({
  outerContainer: {
      width: 100 * vw,
      backgroundColor: '#ffffff',
  },
  innerContainer: {
      position: 'relative',
      width: 100 * vw,
  }
});