最近开始接触 React Native 的开发工作,对原生开发基本不了解,里面很多大大小小的坑。这次开发内容不是很复杂,数据交互不是非常多,主要是页面的布局。
如何实现一个顶部隐藏状态栏并显示导航栏的页面?
实现方式
使用
Image
实现图片的显示,这里的图片最好使用ImageBackground
组件,区别是ImageBackground
可以嵌套其他组件导航栏,我一开始是使用绝对定位的方式进行模拟的,但是越想越不对,实现肯定是有问题的,果然在
navigationOptions
中找到了headerTransparent
属性,使用它,导航栏就可以实现透明显示。状态栏透明显示:
StatusBar.setBackgroundColor("transparent"); StatusBar.setTranslucent(true);