解决uni-app真机基座调试,安卓和H5运行正常,唯独Iphone手机,界面只显示tabbar,其它都是空白问题!

最新推荐文章于 2024-03-29 09:54:25 发布
最新推荐文章于 2024-03-29 09:54:25 发布
阅读量3k 收藏 4
点赞数 2
分类专栏： uni-app 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lcs17700082113/article/details/112303926
版权

解决uni-app真机基座调试,安卓和H5运行正常,唯独Iphone手机,界面只显示tabbar,其它都是空白问题!

话不多说，先上图，

在这里插入图片描述

原因,我也是刚入手UNIAPP踩了第一个坑
为项目测试苹果基座真机运行,原本以为和安桌机一样容易,可在实际运行中,IPHONE手机,界面只显示tabbar导航栏,界面其它地方,一直显示空白，而且还没有报错。于是,我开始一下午都花在这个找原因问题上面,项目代码,dcloud,百度,到晚上睡前都还在想这个问题.难不成项目要废了。。。。
第二天一大早，和同事重新开始找原因。果然坚持不泄才是真理。。。同事先找到了突破口。真想让人惨不忍睹

原因:项目中藏了一个中文名称图片文件,自查了这大半天,问题就出现在这里.把中文图片删除,重新基座运行APP,IPHONE正常显示了...  希望对您有帮助.给个赞
lcs17700082113
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
uniapp真机（安卓）调试白屏，只看得见tab
qq_43112808的博客
03-15 1270
这张图片是我刚刚用手机调试的，之前是直接云打包，然后手机安装app，现在是连接手机基座，然后爆了这个错误，大概的意思是：无法读取未定义的属性“userAgent”。但是我没定义‘userAgent’属性，我查了一下代码，userAgent是我调试之后，在‘unpackage’文件夹中生成的，所以很无奈，求解下各位帅哥美女，哥哥姐姐，大学生真心求解。
Uniapp在IOS系统打包测试流程
07-19
1.通过蒲公英网站快速获取ios设备udid 2.登录苹果开发者社区 绑定测试iPhone/ipad 的udid 3.创建Identifiers标识符 4. 登录Appuploader申请iOS证书文件p12 5.创建与下载profile文件 6.打包ipa 7. Ipa 上传到蒲公英 发布测试
uniapp 真机调试（mumu模拟器）
shelter123456的博客
03-29 756
真机调试 mumu模拟器
uni-app前端H5页面底部内容被tabbar遮挡的问题解决
imkaifan的博客
04-26 6528
问题： 使用 uni-app 框架开发的一个项目，发现 H5 端页面底部的内容被导航栏（Tabbar）遮挡，小程序端可以正常显示。 原因： 查阅资料得知，uni-app 新增了2个 CSS 变量：–window-top 和 --window-bottom ，详细说明如下： APP 和小程序的导航栏和 tabbar 均是原生控件，元素区域坐标是不包含原生导航栏和 tabbar 的；而 H5 里导航栏和 tabbar 是 div 模拟实现的，所以元素坐标会包含导航栏和 tabbar 的高度。 为了优雅的解决多.
uniapp 运行在模拟器上无法显示内容（能显示tabbar，但内容无显示）
Admin_yws的博客
09-11 3472
问题描述：将uniapp程序运行到雷电模拟器上时，除tabbar能显示，其余内容均不可显示。 问题解决：安装一个mumu模拟器即可 问题原因：模拟器不支持X86 CPU ps: mumu模拟器安装后，在Settings.json中设置Android模拟器端口 7555即可 ...
小程序组件tabbar ，模拟器正常，真机只显示一个
春天的故事
02-22 530
小程序组件tabbar ，模拟器正常，真机只显示一个 如下是模拟器的显示，如果在安卓的机器中只显示一个， 代码： "tabBar": { "list": [{ "pagePath": "pages/index/index", "iconPath": "3.png", "selectedIconPath": "4.png", "text": "我的" },{ "pagePath": "pages/index/index",
uniapp 通过模拟器运行，一直白屏
炎影
01-06 7141
uniapp 通过模拟器运行，一直白屏 代码正常。 看到控制台输出 还以为是ADB出问题，去设置了，还是一样 看了看原生插件是否有选中，如果有，需要设置为自定义调试基座 还是不能调通，那就是最后一个没设置 CPU类型没设置为 X86 重新打包基座，就OK了 ...
微信小程序自定义tabBar在uni-app的适配详解
10-16
主要介绍了微信小程序自定义tabBar在uni-app的适配详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
源码uni-app 微信小程序根据角色动态的更改底部tabbar
03-24
1.包含小程序完整项目流程 2.两个角色切换登录 3.登录，登录记录，账号注册，选择公司，存取记录，授权名单，项目列表，盘点，盘点柜子，储物仓列表，我的等功能页面源码。
uni-app-tabbar:uni-app底部初步实现（不支持小程序）
03-19
uni-app-tabbar uni-app底部逐步实现（不支持小程序），请使用真机调试ok app效果图如下： 安装包如下：
uni-app实现购物商城的微信小程序，优秀毕业设计源代码，小白必看！
04-08
uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处：模板丰富、完善的智能提示、一键运行。components ：uni-app组件目录。pages：uni-app组件目录。static：存放应用引用静态资源（如图片、视频...
uniapp框架-uni-app封装组件合集-自动更新并安装&沉浸式状态栏(线性渐变)&顶部tabbar&仿UC列表.zip
最新发布
05-21
UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和时间。它提供了丰富的原生组件和API封装，保证了应用的原生性能体验，为用户带来流畅的操作感受。 此外，UniApp拥有庞大的社区支持和...
uniapp 真机调试运行白屏
Motion_zq的博客
09-28 1944
Service "uni-app-config" has been registered already!
uni-app底部tab栏安全距离遮挡以及底部tabbar距离
热门推荐
mengmeng1_的博客
06-27 1万+
uni-app在小程序和app中开发使用框架原生自带的tab栏是没问题的，但是最近用uniapp开发H5页面时才发现，使用框架原生自带的底部tab栏就会出问题了，层级z-index大概就是99，很容易就会被遮住了。原生底部tab栏的高度一般就是98rpx，所以给最底层的dom元素设置bottom时，就设置成98rpx，但是随着屏幕高度发生变化后，位置又会出问题。 如下图左，底部fixed的部分会被部分遮挡；而我们要的效果应该是如下图右 所以要在代码中加入安全距离，如下(设置bottom或者padding-
Uni-app遇到的问题(一)打包时候真机调试可以出来但预览不可以，并且显示为白屏，只有底部栏出来
weixin_44563526的博客
06-20 4457
是在uni-app打包成微信小程序遇到的问题
uniapp苹果打包白屏 ,安卓没问题,运行也不报错，自定义基座也没问题
weixin_50287600的博客
03-20 553
代码
uniapp在onLoad事件中不显示showToast的问题
QINGZHID的博客
08-30 1438
uniapp中showToast和showLoading冲突
小程序自定义导航栏安卓和苹果全面屏不兼容--转载
weixin_45729307的博客
06-16 732
以下是代码 在app.js里面 App({ globalData: { statusBarHeight:wx.getSystemInfoSync()['statusBarHeight'] } }) 在需要的页面的onload里面 // 获取系统状态栏信息 wx.getSystemInfo({ success: e => { this.globalData.StatusBar = e.statusBarHeight; this.globalData.CustomBar = e.
解决uniapp 在非tabbar页面出现了tabbar问题
xiyan_yu的博客
08-25 2622
非tabbar页面出现了tabbar问题

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值