From 77f2f337657d60c3c96ab4835fffd032ea99f7e3 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Mon, 6 Jun 2016 17:19:31 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/statusbarios.html | 104 +-------------------------- 1 file changed, 1 insertion(+), 103 deletions(-) diff --git a/releases/next/docs/statusbarios.html b/releases/next/docs/statusbarios.html index fbb70eb97e6..055f35338fc 100644 --- a/releases/next/docs/statusbarios.html +++ b/releases/next/docs/statusbarios.html @@ -1,106 +1,4 @@ -StatusBarIOS – React Native | A framework for building native apps using React
React Nativenext

Quick Start

Tutorials

Sample Applications

Community Resources

Guides

Guides (iOS)

Guides (Android)

components

apis

Polyfills

StatusBarIOS #

Edit on GitHub

Deprecated. Use StatusBar instead.

Methods #

setStyle(style, animated?) #

setHidden(hidden, animation?) #

setNetworkActivityIndicatorVisible(visible) #

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, - }, -});
Next →

Run this example

Run example in simulator

Powered by appetize.io

© 2016 Facebook Inc.
React Nativenext

Quick Start

Tutorials

Sample Applications

Community Resources

Guides

Guides (iOS)

Guides (Android)

components

apis

Polyfills

StatusBarIOS #

Edit on GitHub

Use StatusBar for mutating the status bar.

Next →
© 2016 Facebook Inc.