[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

转载请著名出处！谢谢~~

转载于:https://www.cnblogs.com/wukong1688/p/10888943.html