博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
十五、React Native StatusBar
阅读量:6677 次
发布时间:2019-06-25

本文共 765 字,大约阅读时间需要 2 分钟。

1.animated bool   进行设置当状态栏的状态发生变化的时候是否需要加入动画。当前该动画支持backgroundColor,barStyle和hidden属性 2.hidden  bool  进行设置状态栏是否隐藏 3.backgroundColor   color类型,仅支持Android设备,设置状态栏的背景颜色 4.translucent bool类型,仅支持Android设备, 进行设置状态栏是否为透明。当状态栏的值为true的时候,应用将会在状态栏下面进行绘制显示。这样在Android平台上面就是沉浸式的效果,可以达到Android和iOS应用一致性效果。该值常常配置半透明效果的状态栏颜色一起使用 5.barStyle  enum('default','light-content')  枚举类型,仅支持iOS设备。进行设置状态栏文字的颜色 6.networkActivityIndicatorVisible   bool类型,仅支持iOS设备。设置状态栏上面的网络进度加载器是否进行显示 7.showHideTransition   enum('fade','slide') 枚举类型,仅支持iOS设备。进行设置当隐藏或者显示状态栏的时候的动画效果。默认值为'fade'复制代码

e.g.: 当然需要导入 import { AppRegistry, StyleSheet, StatusBar, } from 'react-native';

用法如下:

render() {    return (        
复制代码

//白色,具体其他的参数参考上面的属性介绍 <StatusBar barStyle={'light-content' }/>

    );}复制代码

转载地址:http://iagxo.baihongyu.com/

你可能感兴趣的文章
搞服务器性能时有感
查看>>
模块装配
查看>>
Java Web开发 - 持久型/存储型XSS漏洞
查看>>
LeetCode Notes_#21 Merge Two Sorted Lists
查看>>
【剑道】步法(Ashi Sabaki)
查看>>
MyEclipse 启动 tomcat时错误处理
查看>>
Scrum 冲刺博客第六篇
查看>>
【windows8开发】javascript开发Metro风格App
查看>>
Ubuntu14.04 开启MySQL的remote access
查看>>
模型方案参数更改 对比栏入选模型方案 图表效果对比 已不在项目中使用
查看>>
PowerDesigner 15 进行 数据库反转到 数据库模型
查看>>
SpringBoot 热部署
查看>>
python学习第一天
查看>>
JS 二维数组
查看>>
黑盒测试----测试用例设计方法
查看>>
Spark-RDD 模型 以及运行原理
查看>>
chrome官方完整安装包
查看>>
linux重启和关闭系统命令
查看>>
联网成功到更新本地时钟的时间差
查看>>
Android Gradle 引用本地 AAR 的几种方式
查看>>