uni-app 设置原生导航栏不显示

有两种方法:设置navigationStyle设为custom或titleNView设为false

"pages" : [
	{
    
    
		"path" : "pages/index/index",
		"style": {
    
    
    		"navigationBarTitleText": "英特网络",
    		// "navigationStyle":"custom"
    		"app-plus":{
    
    
    			"titleNView":false
    		}
		}
	},
]

非H5端,手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因,即全屏可写内容。uni-app提供了状态栏高度的css变量–status-bar-height,如果需要把状态栏的位置从前景部分让出来,可写一个占位div,高度设为css变量。

<template>
  <view>
      <view class="status_bar">
          <!-- 这里是状态栏 -->
      </view>
      <view> 状态栏下的文字 </view>
  </view>
</template>    
<style>
  .status_bar {
    
    
      height: var(--status-bar-height);
      width: 100%;
  }
</style>

猜你喜欢

转载自blog.csdn.net/weixin_44640323/article/details/109114171