From 97016c4498019477fe9878d41b66b47c02f3be84 Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Tue, 3 Sep 2019 16:24:26 -0700
Subject: [PATCH] fix: status bars in example

---
 example/src/StackWithHeaderPreset.tsx |  9 ++++-----
 example/src/StacksAndKeys.tsx         |  5 +++--
 example/src/StacksInTabs.tsx          |  5 +++--
 example/src/SwitchWithStacks.tsx      | 11 +++++------
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/example/src/StackWithHeaderPreset.tsx b/example/src/StackWithHeaderPreset.tsx
index 9765d6c39f..834c73e29d 100644
--- a/example/src/StackWithHeaderPreset.tsx
+++ b/example/src/StackWithHeaderPreset.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { StatusBar } from 'react-native';
 import {
   NavigationScreenProp,
   NavigationState,
@@ -30,7 +29,7 @@ class HomeScreen extends React.Component<NavScreenProps> {
           title="Push screen with no header"
         />
         <Button onPress={() => navigation.goBack(null)} title="Go Home" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </SafeAreaView>
     );
   }
@@ -57,7 +56,7 @@ class OtherScreen extends React.Component<NavScreenProps> {
         />
         <Button onPress={() => pop()} title="Pop" />
         <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </SafeAreaView>
     );
   }
@@ -76,7 +75,7 @@ class ScreenWithLongTitle extends React.Component<NavScreenProps> {
       <SafeAreaView style={{ paddingTop: 30 }}>
         <Button onPress={() => pop()} title="Pop" />
         <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </SafeAreaView>
     );
   }
@@ -97,7 +96,7 @@ class ScreenWithNoHeader extends React.Component<NavScreenProps> {
         <Button onPress={() => push('Other')} title="Push another screen" />
         <Button onPress={() => pop()} title="Pop" />
         <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </SafeAreaView>
     );
   }
diff --git a/example/src/StacksAndKeys.tsx b/example/src/StacksAndKeys.tsx
index 23207d99c3..7b6f5b13f1 100644
--- a/example/src/StacksAndKeys.tsx
+++ b/example/src/StacksAndKeys.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
-import { StatusBar, Text, View } from 'react-native';
+import { Text, View } from 'react-native';
 import { NavigationScreenProp, NavigationState } from 'react-navigation';
+import { Themed } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';
 
@@ -27,7 +28,7 @@ class HomeScreen extends React.Component<Props, any> {
           title="Go back to other examples"
           onPress={() => this.props.navigation.goBack(null)}
         />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </View>
     );
   }
diff --git a/example/src/StacksInTabs.tsx b/example/src/StacksInTabs.tsx
index 0ff242a8a2..9ae5f90d11 100644
--- a/example/src/StacksInTabs.tsx
+++ b/example/src/StacksInTabs.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
-import { StatusBar, Text } from 'react-native';
+import { Text } from 'react-native';
 import {
+  Themed,
   NavigationScreenProp,
   NavigationState,
   SafeAreaView,
@@ -52,7 +53,7 @@ class MyNavScreen extends React.Component<Props> {
           ))}
         </SafeAreaView>
 
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </ScrollView>
     );
   }
diff --git a/example/src/SwitchWithStacks.tsx b/example/src/SwitchWithStacks.tsx
index 3ebcf917cb..05ef227da9 100644
--- a/example/src/SwitchWithStacks.tsx
+++ b/example/src/SwitchWithStacks.tsx
@@ -2,12 +2,11 @@ import React from 'react';
 import {
   ActivityIndicator,
   AsyncStorage,
-  StatusBar,
   StyleSheet,
   View,
   Platform,
 } from 'react-native';
-import { createSwitchNavigator } from 'react-navigation';
+import { Themed, createSwitchNavigator } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';
 
@@ -24,7 +23,7 @@ class SignInScreen extends React.Component<any, any> {
           title="Go back to other examples"
           onPress={() => this.props.navigation.goBack(null)}
         />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </View>
     );
   }
@@ -45,7 +44,7 @@ class HomeScreen extends React.Component<any, any> {
       <View style={styles.container}>
         <Button title="Show me more of the app" onPress={this.showMoreApp} />
         <Button title="Actually, sign me out :)" onPress={this.signOutAsync} />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </View>
     );
   }
@@ -74,7 +73,7 @@ class OtherScreen extends React.Component<any, any> {
     return (
       <View style={styles.container}>
         <Button title="I'm done, sign me out" onPress={this.signOutAsync} />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </View>
     );
   }
@@ -105,7 +104,7 @@ class LoadingScreen extends React.Component<any, any> {
     return (
       <View style={styles.container}>
         <ActivityIndicator />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
       </View>
     );
   }