[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

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