uniAPP 禁用原生导航栏 和 获取状态栏高度 和 使用（间距掉）
小程序的原生导航栏是禁用不了的 因为他会用有一些东西，H5 和 安卓、IOS 是可以禁用的：
官网找到 appplus
配置编译到 App 平台时的特定样式，部分常用配置 H5 平台也支持。以下仅列出常用，更多配置项参考 WebviewStyles。
| 属性 | 类型 | 默认值 | 描述 | 平台兼容 |
|---|---|---|---|---|
| background | HexColor | #FFFFFF | 窗体背景色。无论vue页面还是nvue页面，在App上都有一个父级原生窗体，该窗体的背景色生效时间快于页面里的css生效时间 | App |
| titleNView | Object | 导航栏 ，详见:导航栏 | App、H5 | |
| subNVues | Object | 原生子窗体，详见:原生子窗体 | App 1.9.10+ | |
| bounce | String | 页面回弹效果，设置为 "none" 时关闭效果。 | App(nvue Android无页面级bounce效果，仅list、recycle-list、waterfall等滚动组件有bounce效果) | |
| popGesture | String | close | 侧滑返回功能，可选值："close"(启用侧滑返回)、"none"(禁用侧滑返回) | App-iOS |
| softinputNavBar | String | auto | iOS软键盘上完成工具栏的显示模式，设置为 "none" 时关闭工具栏。 | App-iOS |
| softinputMode | String | adjustPan | 软键盘弹出模式，支持 adjustResize、adjustPan 两种模式 | App |
| pullToRefresh | Object | 下拉刷新 | App | |
| scrollIndicator | String | 滚动条显示策略，设置为 "none" 时不显示滚动条。 | App | |
| animationType | String | pop-in | 窗口显示的动画效果，详见：窗口动画。 | App |
| animationDuration | Number | 300 | 窗口显示动画的持续时间，单位为 ms。 | App |
为什么我配置的是APP 我 H5 也生效，因为官方是这样说的：
但是现在更新了 ，具体：
用style 取消原生导航栏(H5 、 Android 、 IOS ) ：
听说有办法去掉小程序的原生：
一般呢 采取第二种方法，但是呢 这里如果取消了 往里面写东西会顶上到状态栏 非常丑比，所以我们需要获取到导航栏高度然后设置一下：
上图已经获取到了导航栏的高度 这个方法 只有APP有效 小程序和 H5 是获取不了的。小程序应该是可以的 但是我不行
小程序获取方法如下：
代码在这里：
let systemInfo = uni.getSystemInfoSync();const system = systemInfo.platformvar statusBarHeight = systemInfo.statusBarHeight
如果嫌太麻烦 办法就是 用 paddTop 为30px [具体30够了],然后！ 背景色调白即可：
手机也是这么个效果哈....你状态栏能有多高啊 30狗了 其实
如果！ 你使用的是uniUi框架 那么他的是可以设置直接间距掉状态栏的：
很简单！ 直接干就完了！
uniAPP 禁用原生导航栏 和 获取状态栏高度 和 使用（间距掉）相关推荐
- uniapp的原生导航栏返回键
uniapp的原生导航栏是在路径配置里跳转 返回时经常默认回到首页 记录 类似新闻页跳转到详情在返回到当前页 跳转到详情页 toDetail(id) {console.log(3434);uni. ...
- uniapp隐藏原生导航栏
隐藏原生导航栏 一.隐藏单个页面的原生导航 二.隐藏全局页面的原生导航 一.隐藏单个页面的原生导航 今天写微信小程序的时候,ui小姐姐给了我一效果图 然后我做出来的效果是这样的 如果想要去掉原生导航栏 ...
- uniapp中自定义导航栏动态获取高度
<template><view class="coutainer"><!-- 自定义导航栏空行 --><view class=" ...
- uni-app 设置原生导航栏不显示
有两种方法:设置navigationStyle设为custom或titleNView设为false "pages" : [{"path" : "pag ...
- uni-app隐藏顶部导航栏
1.单个页面隐藏 1.1 在在pages.json里配置 "navigationStyle": "custom" {"path": &quo ...
- Uniapp设置顶部导航栏隐藏
在pages.json中设置以下代码: "app-plus": {"titleNView": false //禁用原生导航栏 }
- android获取导航栏宽高,Android获取屏幕的宽高度、状态栏、标题栏、导航栏、编辑区域高度...
目录 0.相关文章: 1.获取屏幕款高度 代码: /** * 获取屏幕宽度 * * @param context 上下文对象 * @return int */ public static int ge ...
- 【uni-app】自定义导航栏/标题栏
目录 前言 什么是自定义导航栏 自定义导航栏 取消默认导航栏或原生导航栏 全局取消原生导航栏 单页面取消原生导航栏 取消原生导航栏后是这样的 自定义导航栏 自定义导航栏组件 前言 Hbuilder X ...
- 微信小程序实现原生导航栏和自定义头部导航栏
原生导航栏: 可以在 app.json 的 window 属性中或页面的 JSON 文件中设置 navigationBarTitleText(导航栏标题内容).navigationBarTextSty ...
最新文章
- 理解First Chance和Second Chance避免单步调试
- spring Aop实现身份验证和springboot异常统一处理
- 标签内联事件和event对象
- java io流大全_Java IO流系统整理
- Thrift异步IO服务器源码分析
- unix下批量进程的创建和强杀命令
- eclipse上安装hadoop后报错 Error:org.hadoop.security.AccessControlException:Permission
- LR(1)项目集族的构造：如何确定前向搜索符
- day39-Spring 14-Spring的JDBC模板：DBCP连接池配置
- 北京黑马程序员javaEE第19期课程
- python源码剖析_Python源码剖析的作品目录
- 惯导IMU，INS，AGV的区别
- 非对称加密算法 (RSA、DSA、ECC、DH)
- 计算机网络中atm意思,atm是什么(atm什么意思)
- 第五章：物理与环境安全技术
- v-model的基本使用
- 当AI入职FBI，克格勃直呼内行
- 爬取百度指数行业排行榜
- XMind 8 Update 9 安装教程（亲测有效）
- 如何选中MFC中的菜单栏，在选中后打钩