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'; 即可


17500乐彩网论坛