[RN] React Native 實現 類似京東 的 沉浸式狀態欄和搜索欄

React Native 實現 類似京東 的 沉浸式狀態欄和搜索欄

其原理其實就是在要 隱藏 部分的那個View 前面加入 StatusBar 代碼！

 

代碼如下：

<StatusBar
 animated={true} //指定狀態欄的變化是否應以動畫形式呈現。目前支持這幾種樣式：backgroundColor, barStyle和hidden
 hidden={false}  //是否隱藏狀態欄。
 backgroundColor={'transparent'} //狀態欄的背景色
 translucent={true} //指定狀態欄是否透明。設置為true時，應用會在狀態欄之下繪制（即所謂“沉浸式”——被狀態欄遮住一部分）。常和帶有半透明背景色的狀態欄搭配使用。
 barStyle={'light-content'} // enum('default', 'light-content', 'dark-content')
>
</StatusBar>

 

本博客地址： wukong1688

本文原文地址：https://www.cnblogs.com/wukong1688/p/10888943.html

轉載請著名出處！謝謝~~