React-Native.md

Setting Text to Start Just Below the Status Bar

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View, Image } from 'react-native';
import { getStatusBarHeight } from 'react-native-status-bar-height';

export default class LotsOfStyles extends Component {
  render() {
    return (
      <View style={styles.top}>
        <Text style={styles.red}>just red</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  top: {
	paddingTop: getStatusBarHeight(),
  }
});

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => LotsOfStyles);