react-native试玩(33)-状态栏API
发布时间:2020-12-15 05:23:03 所属栏目:百科 来源:网络整理
导读:StatusBarIOS 方法 名称 意义 setStyle 设置样式 setHidden 设置隐藏 setNetworkActivityIndicatorVisible 设置网络小菊花是否可见 实例 'use strict' ; var React = require ( 'react-native' ); var { StyleSheet,View,Text,TouchableHighlight,StatusBarI
方法
实例'use strict';
var React = require('react-native');
var {
StyleSheet,View,Text,TouchableHighlight,StatusBarIOS,} = React;
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 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 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> <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,});
效果小菊花隐藏状态栏(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 知道这20个正则表达式,能让你少写1,000行代码
- xml中出现“文档中根元素后面的标记必须格式正确。”的错误
- 即时通讯技术概述 (IMPP、IRCP、CPIM、SIMPLE、XMPP、XML、
- c# – 我的Mocked DbContext使用Moq在单元测试中写入db
- 圆形和矩形的碰撞检测
- C具有变量参数的模板类构造函数
- 除非另外还指定了 TOP 或 FOR XML,否则,ORDER BY 子句在视
- ios – 使用自定义运行脚本和xcodebuild“找不到命令”
- c – typedef of template包含char [] [] – 适用于VS2008但
- XML------XML文档类型定义(Schema结构)