1 沉浸式状态栏
第一步,navigationOptions参数中添加如下代码:
headerTransparent: true
![](https://i-blog.csdnimg.cn/blog_migrate/72ea113916a5382e61767603af756dec.png)
示例图
第二步,需要使用沉浸式状态栏的界面中,引入StatusBar
![](https://i-blog.csdnimg.cn/blog_migrate/069b646c3f3fb7d0740a0faf90d582cd.png)
示例图
第三步,在render中使用StatusBar
![](https://i-blog.csdnimg.cn/blog_migrate/0ec6afed26bba867d7c40bc3d2d9e836.png)
示例图
2 styleSheet样式文件分离
自定义位置新建js文件,例如basic.js,内部scaleSize是一个工具类不用理会
![](https://i-blog.csdnimg.cn/blog_migrate/ade526603a70f1fd1a777183bc134bc7.png)
basic.js
在用到的界面引入这个文件,同之前一样调用就可以啦!