uni-App怎样去掉App端的原生标题

最新推荐文章于 2024-03-01 19:05:03 发布
最新推荐文章于 2024-03-01 19:05:03 发布
阅读量5.8k 收藏 4
点赞数
文章标签： uni-App原生标题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anxlxf/article/details/100511148
版权

如果在App端不去掉原生标题，当滑动页面的时候，看这就很不舒服。

以2张图片来看下效果

有原生标题的页面

再来看看 没有原生标题的

要实现这样的效果很简单只要在  pages.json 里面做如下设置 

 

 

 

 

大淙淙
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app调用Android原生可以实现通信及打开WiFi
01-13
uni-app调用Android原生可以实现通信及打开WiFi
uni-app实现select标签功能
04-27
在uni-app中实现类似html的select标签功能。选中数据后，会在下面显示出所选的数据，点删除之后，对应的选中状态也清除
uni-app去除页面头部的标题栏
最新发布
weixin_45966674的博客
03-01 1140
我们只需要在pages.json中 指定page的 style中加入。配置在我们项目根目录的 pages.json中。uniapp项目 每个界面都会有一个标题栏。对应的page 就没有这个标题栏了。上面还是有一条黑的 体验非常差。
uni-app:从运行原理上面解决性能优化问题
01-27
Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。React Native、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。现在我们就从uni-app运行原理上，了解一下，在哪些方面存在性能折损问题？ 逻辑层和视图层分离，非H5端通信
Uni-app 实现图片上传、删除、预览、压缩；
02-19
Uni-app 实现图片上传、删除、预览、压缩； 真正的开箱即用。
uniapp 修改 video 组件css样式
失忆蝴蝶
03-15 1920
uniapp video播放标签 黑色背景 重置css样式
uni-app - 去除所有页面顶部标题栏
王佳斌
05-12 4359
前言 去掉全部或某一页面的顶部标题栏，如下图所示： 去除全部页面 该示例是去除全部页面的标题栏。 在 pages.json > globalStyle 下加入以下代码。 "navigationStyle": "custom" 示例代码： "pages": [...], "globalStyle": { "navigationStyle": "custom" } 去除某个页面 同理，只是配置的地方不同而已。 "pages": [//https://uniapp.dcloud.io/coll
uniapp自定义弹窗时去掉title栏
热门推荐
凭时间赢来的东西，时间肯定会为之作证
11-21 6万+
最近在微信小程序项目中有这么一个需求，当点击页面中某一个元素时，调起弹窗显示相应的组件并且隐藏掉`title`栏，点击组件中的关闭图标时，弹窗销毁并显示相应的`title`栏。找了一下发现好多都不太对，于是记录下实现过程。
uniapp修改顶部标题
weixin_55648290的博客
03-10 1544
uniapp修改顶部标题
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接进销存
12-09
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台，不管领导...
uniapp动态更新头部导航的title
子玉的博客
12-24 540
在上面的示例中，我们在 `mounted` 钩子函数中调用 `updateTitle` 方法来更新头部导航的标题。你可以将需要更新的标题保存在 `data` 属性中，然后调用 `uni.setNavigationBarTitle` 方法并传入新的标题。在某些平台上，可能需要在页面的 `onShow` 钩子函数中更新标题，以确保在页面切换时正确显示。请根据实际情况选择适合的钩子函数来更新标题。在uni-app中，你可以使用`uni.setNavigationBarTitle`方法来动态更新头部导航的标题。
uniappvideo避坑指南（H5、小程序、app）
weixin_64974600的博客
07-16 1万+
video避坑指南，解决闪退问题
如何将uni-app中video标签播放按钮隐藏
dujyong的博客
12-04 1万+
uni-app中video标签播放按钮隐藏的坑。。。 项目需求是将视频放在展示列表上，刚开始的思路是直接将视频的首帧截取出来放在列表上，后来发现此方法实在太过麻烦。于是直接使用了video标签，将视频展示了出来，但是标签自带的播放按钮实在太不美观，于是就想将它隐藏起来，自己写一个播放按钮样式，反正列表上的视频不需要播放，于是乎，翻开了官方文档，走上了踩坑的道路。。。。 ...
uniapp关闭默认title
weixin_43167546的博客
08-06 2325
uniapp关闭默认title 在pages.json 的 pages中, 找到对应的页面的style, 输入下边代码 "style" : { "navigationStyle": "custom", "app-plus": { "titleNView": false } }
关于uni-app 配置 APP 不显示顶部标题栏设置
代码青春
10-12 1万+
uni-app 可以配置navigationStyle为custom隐藏顶部标题栏，这样我们需要自己实现应用顶部的导航，但是在 SwitchTab 也本来就不需要导航，所以可以放心大胆的隐藏掉，HTML5 和 小程序都可以很好的表现，但是 APP 似乎这样设置无效。 "navigationStyle": "custom" 通过查看开发文档，发现应该这样配置： "path": "pages/index/index", //首页 "style": { "app-plus": ...
uni-app去掉链接后面的#号(带uni-simple-router)
wwppp987的博客
02-15 5720
uni-app去掉url后面的#号 第一步 找到 manifest.json 文件，选择里面的 h5配置，路由模式选择 history jeecg-uniapp中也有此问题，除了第一步要做之外。 第二步 由于安装了 uni-simple-router这个插件，所以 在common/router/index.js当中，找到第9行，确认一下属性： mode:'history', https://hhyang.cn/src/router/start/quickstart.html ...
uniapp和微信小程序去掉顶部标题
delusional_的博客
10-24 2826
解决uniapp或者微信小程序去掉顶部标题
uni-app-template:uni-app 通用模板
06-28
### 回答1： uni-app-template是一款基于uni-app框架建立的通用模板，可以为开发者提供一个基础的项目结构和功能模块，减少开发的时间和工作量。 该模板的优势在于跨平台性能良好，支持同时开发多个平台的应用程序，并且可以达到近乎原生的用户体验。 在使用uni-app-template时，开发者可以选择不同的开发方式，如HBuilder X、VS Code等，也可以选择不同的UI框架和组件库进行二次开发。该模板还提供了常用的API，如ajax、storage、toast、loading等，方便开发者快速构建应用界面。 总之，uni-app-template是一款十分实用的通用模板，开发者可以通过基于此模板的项目，快速开发出高性能、跨平台的应用程序。 ### 回答2： uni-app-template是一个能够快速构建uni-app项目的通用模板。uni-app是一款跨平台开发框架，可以将一份代码同时转化为多个平台的应用程序，如微信小程序、App Store和Google Play应用商店，以及各种移动设备。 uni-app-template的特点主要体现在以下几个方面： 1.简单易用 uni-app-template是一个基于uni-app的通用模板，具有简单易用的特点，可以轻松构建平台适配性高、UI风格统一的app。 2.多平台适配 uni-app-template支持多种平台适配，不仅可以生成微信小程序应用，还可以生成iOS和Android应用，无需重新编写代码。因此，采用uni-app-template开发应用程序可以大大提高开发效率和代码复用率。 3.模块化开发 模板支持应用程序的模块化开发，可以将功能实现的代码封装在一个模块中，方便开发者进行管理和维护，并提高代码的可重用性和可维护性。 4.灵活配置 uni-app-template支持灵活配置，可以根据不同的需求选择不同的UI组件、主题颜色、字体、字号等参数，还可以根据具体平台的特点进行适配。 总之，uni-app-template是一个开发者在uni-app框架下快速构建多端应用程序的好选择。借助它，可以迅速构建高效、稳定、具备多端适配能力的app，大大提高开发效率和使用体验。 ### 回答3： Uni-app-template是一种用于uni-app框架的通用模板。uni-app是最近非常受欢迎的移动端应用开发框架，它可以一次编写，多端发布，不仅能够开发微信小程序，还可以开发iOS和安卓应用，还支持H5。 Uni-app-template能够提供一个通用的模板，以便开发者更加高效地完成开发工作。这个模板内置了一些常用的功能，例如页面布局，样式设置，组件引用等。开发者在使用这个模板时，可以根据自己的需要，逐步添加或修改代码，来实现自己的功能。 Uni-app-template中已经内置了很多通用的组件，例如tab栏、navbar、搜索栏等，这些组件可供开发者直接使用，以减少重复开发的工作量。 此外，Uni-app-template还内置了一些常用的插件，例如uni-ui(一个类似于Element UI的移动端UI组件库)、uview(一个为uni-app量身定制的UI库)等，这些插件可以帮助开发者更简单地进行开发工作。 Uni-app-template的另一个优点是它的兼容性。一旦应用开发完成，它将能够直接在各个平台上运行，包括微信小程序、iOS和安卓应用，以及H5网页应用。由于Uni-app框架和Uni-app-template具有良好的兼容性，使得开发者的工作更加高效和简单。 总之，Uni-app-template是一个非常实用和方便的开发工具，它能够帮助开发者更加快速、高效地完成应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值