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' ? (
+
+
+ On Android, this will only have an impact on API versions 23 and
+ above.
+
+
+ ) : null}
+
@@ -385,6 +394,29 @@ class StatusBarStaticAndroidExample extends React.Component<{...}> {
+
+
+ These will only have an impact on Android API versions 23 and above.
+
+ {
+ StatusBar.setBarStyle('default', true);
+ }}>
+
+ setBarStyle('default', true)
+
+
+ {
+ StatusBar.setBarStyle('dark-content', true);
+ }}>
+
+ setBarStyle('dark-content', true)
+
+
+
);
}
@@ -446,7 +478,6 @@ exports.examples = [
render(): React.Node {
return ;
},
- platform: 'ios',
},
{
title: 'StatusBar network activity indicator',
@@ -519,4 +550,10 @@ const styles = StyleSheet.create({
modalButton: {
marginTop: 10,
},
+ groupedItems: {
+ padding: 10,
+ },
+ noteContainer: {
+ marginBottom: 15,
+ },
});