Minor improvements

App.js

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React from "react";
 import {
   ActivityIndicator,
   View,
@@ -12,7 +12,7 @@ import Footer from "./components/Footer";
 import BouyCard from "./components/BouyCard";
 import Header from "./components/Header";
 
-export default class FetchExample extends Component {
+export default class FetchExample extends React.Component {
   constructor(props) {
     super(props);
     this.state = { isLoading: true };
@@ -49,14 +49,14 @@ export default class FetchExample extends Component {
   render() {
     if (this.state.isLoading) {
       return (
-        <View style={{ flex: 1, padding: 20 }}>
+        <View style={{ flex: 1 }}>
           <ActivityIndicator />
         </View>
       );
     }
 
     return (
-      <View style={{ flex: 1, paddingTop: 20 }}>
+      <View style={{ flex: 1 }}>
         <Header />
         <ScrollView
           contentContainerStyle={{ paddingBottom: 20 }}

app.json

@@ -5,13 +5,17 @@
     "description":
       "Visa aktuella badtemperaturer vid stränderna i Karlskrona kommun.",
     "githubUrl": "https://github.com/cederstrom/karlskrona-badtemperatur",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "slug": "badtemperatur-i-karlskrona",
     "privacy": "public",
     "sdkVersion": "27.0.0",
     "android": {
+      "versionCode": 2,
       "package": "com.cederstrom.badtemp"
     },
+    "ios": {
+      "bundleIdentifier": "com.cederstrom.badtemp"
+    },
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "cover"

components/Header.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { StyleSheet, StatusBar, Platform } from "react-native";
 import { Header } from "react-native-elements";
 
 export default class FetchExample extends React.Component {
@@ -13,7 +14,21 @@ export default class FetchExample extends React.Component {
           text: "Badtemperaturer i Karlskrona",
           style: { color: "#fff", fontSize: 20 }
         }}
+        outerContainerStyles={styles.header}
       />
     );
   }
 }
+
+const styles = StyleSheet.create({
+  header: {
+    ...(Platform.OS === "android"
+      ? {
+          paddingTop: 15 + StatusBar.currentHeight,
+          height: 85
+        }
+      : { height: 85 }),
+    paddingBottom: 15,
+    borderBottomWidth: 0
+  }
+});