1 沉浸式状态栏
第一步,navigationOptions参数中添加如下代码:
headerTransparent: true

第二步,需要使用沉浸式状态栏的界面中,引入StatusBar

第三步,在render中使用StatusBar

2 styleSheet样式文件分离
自定义位置新建js文件,例如basic.js,内部scaleSize是一个工具类不用理会

在用到的界面引入这个文件,同之前一样调用就可以啦!
第一步,navigationOptions参数中添加如下代码:
headerTransparent: true
第二步,需要使用沉浸式状态栏的界面中,引入StatusBar
第三步,在render中使用StatusBar
自定义位置新建js文件,例如basic.js,内部scaleSize是一个工具类不用理会
在用到的界面引入这个文件,同之前一样调用就可以啦!
本文标题:react-native常用技巧整理
本文链接:https://www.haomeiwen.com/subject/yjdumctx.html
网友评论