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

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

?

代碼如下：

<StatusBaranimated={true} //指定狀態欄的變化是否應以動畫形式呈現。目前支持這幾種樣式：backgroundColor, barStyle和hiddenhidden={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

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

轉載于:https://www.cnblogs.com/wukong1688/p/10888943.html

總結

以上是生活随笔為你收集整理的[RN] React Native 实现 类似京东 的 沉浸式状态栏和搜索栏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。