React NativeStatusBarIOS # | Edit on GitHub |
Deprecated. Use StatusBar instead.
Methods #
Examples # | Edit on GitHub |
'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
- StyleSheet,
- View,
- Text,
- TouchableHighlight,
- StatusBarIOS,
-} = ReactNative;
-
-exports.framework = 'React';
-exports.title = 'StatusBarIOS';
-exports.description = 'Module for controlling iOS status bar';
-exports.examples = [{
- title: 'Status Bar Style',
- render() {
- return (
- <View>
- {['default', 'light-content'].map((style) =>
- <TouchableHighlight key={style} style={styles.wrapper}
- onPress={() => StatusBarIOS.setStyle(style)}>
- <View style={styles.button}>
- <Text>setStyle('{style}')</Text>
- </View>
- </TouchableHighlight>
- )}
- </View>
- );
- },
-}, {
- title: 'Status Bar Style Animated',
- render() {
- return (
- <View>
- {['default', 'light-content'].map((style) =>
- <TouchableHighlight key={style} style={styles.wrapper}
- onPress={() => StatusBarIOS.setStyle(style, true)}>
- <View style={styles.button}>
- <Text>setStyle('{style}', true)</Text>
- </View>
- </TouchableHighlight>
- )}
- </View>
- );
- },
-}, {
- title: 'Status Bar Hidden',
- render() {
- return (
- <View>
- {['none', 'fade', 'slide'].map((animation) =>
- <View key={animation}>
- <TouchableHighlight style={styles.wrapper}
- onPress={() => StatusBarIOS.setHidden(true, animation)}>
- <View style={styles.button}>
- <Text>setHidden(true, '{animation}')</Text>
- </View>
- </TouchableHighlight>
- <TouchableHighlight style={styles.wrapper}
- onPress={() => StatusBarIOS.setHidden(false, animation)}>
- <View style={styles.button}>
- <Text>setHidden(false, '{animation}')</Text>
- </View>
- </TouchableHighlight>
- </View>
- )}
- </View>
- );
- },
-}, {
- title: 'Status Bar Network Activity Indicator',
- render() {
- return (
- <View>
- <TouchableHighlight style={styles.wrapper}
- onPress={() => StatusBarIOS.setNetworkActivityIndicatorVisible(true)}>
- <View style={styles.button}>
- <Text>setNetworkActivityIndicatorVisible(true)</Text>
- </View>
- </TouchableHighlight>
- <TouchableHighlight style={styles.wrapper}
- onPress={() => StatusBarIOS.setNetworkActivityIndicatorVisible(false)}>
- <View style={styles.button}>
- <Text>setNetworkActivityIndicatorVisible(false)</Text>
- </View>
- </TouchableHighlight>
- </View>
- );
- },
-}];
-
-var styles = StyleSheet.create({
- wrapper: {
- borderRadius: 5,
- marginBottom: 5,
- },
- button: {
- backgroundColor: '#eeeeee',
- padding: 10,
- },
-});
