From 3fe9ea20edbe59c1b628b7019c2ca2ac521e8904 Mon Sep 17 00:00:00 2001
From: Xtremilicious <nilarjundas@outlook.com>
Date: Thu, 13 Aug 2020 01:42:28 -0700
Subject: [PATCH] update statusbar usecases

---
 .../js/examples/StatusBar/StatusBarExample.js | 41 ++++++++++++++++++-
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js b/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js
index 06934d1578047a..df208b4b98945e 100644
--- a/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js
+++ b/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js
@@ -23,7 +23,7 @@ const {
 
 const colors = ['#ff0000', '#00ff00', '#0000ff', 'rgba(0, 0, 0, 0.4)'];
 
-const barStyles = ['default', 'light-content'];
+const barStyles = ['default', 'light-content', 'dark-content'];
 
 const showHideTransitions = ['fade', 'slide'];
 
@@ -122,6 +122,15 @@ class StatusBarStyleExample extends React.Component<{...}, $FlowFixMeState> {
           animated={this.state.animated}
           barStyle={this.state.barStyle}
         />
+        {Platform.OS === 'android' ? (
+          <View style={styles.noteContainer}>
+            <Text>
+              On Android, this will only have an impact on API versions 23 and
+              above.
+            </Text>
+          </View>
+        ) : null}
+
         <TouchableHighlight
           style={styles.wrapper}
           onPress={this._onChangeBarStyle}>
@@ -385,6 +394,29 @@ class StatusBarStaticAndroidExample extends React.Component<{...}> {
             </Text>
           </View>
         </TouchableHighlight>
+        <View style={styles.groupedItems}>
+          <Text style={styles.noteContainer}>
+            These will only have an impact on Android API versions 23 and above.
+          </Text>
+          <TouchableHighlight
+            style={styles.wrapper}
+            onPress={() => {
+              StatusBar.setBarStyle('default', true);
+            }}>
+            <View style={styles.button}>
+              <Text>setBarStyle('default', true)</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            style={styles.wrapper}
+            onPress={() => {
+              StatusBar.setBarStyle('dark-content', true);
+            }}>
+            <View style={styles.button}>
+              <Text>setBarStyle('dark-content', true)</Text>
+            </View>
+          </TouchableHighlight>
+        </View>
       </View>
     );
   }
@@ -446,7 +478,6 @@ exports.examples = [
     render(): React.Node {
       return <StatusBarStyleExample />;
     },
-    platform: 'ios',
   },
   {
     title: 'StatusBar network activity indicator',
@@ -519,4 +550,10 @@ const styles = StyleSheet.create({
   modalButton: {
     marginTop: 10,
   },
+  groupedItems: {
+    padding: 10,
+  },
+  noteContainer: {
+    marginBottom: 15,
+  },
 });