nativebase 抹平安卓苹果header差异

技术分享 2020-07-30 13:11:02

①全是设置为苹果主题样式,platform 文件中  

const platform = 'ios';


②安卓顶部模式从状态栏开始渲染 ,设置状态栏全局统一
<StatusBar
                animated={true} //指定状态栏的变化是否应以动画形式呈现。目前支持这几种样式:backgroundColor, barStyle和hidden  
                hidden={false}  //是否隐藏状态栏。  
                backgroundColor={'transparent'} //状态栏的背景色
                translucent={true}//指定状态栏是否透明。设置为true时,应用会在状态栏之下绘制
                barStyle={'dark-content'} // enum('default', 'light-content', 'dark-content')
            /> 


③安卓状态栏颜色一般是头部颜色的加深,改成和苹果一样

platform 文件中  

 get statusBarColor()  方法为:

return '#fff'; 即可